padding，margin

对于浏览器元素的间距，可以分为基本的两种。

 

一种是margin，是元素之间的；另外一种是padding，是容器元素对内容的间距控制。

 

当然两种也不是完全独立的，需要分析具体的实际情况。

 

比如两个平级的div，那么margin可以在一定程度上进行排版控制，对于非标准的排布情况（float）暂不考虑。

 

对于包含关系的元素，排布稍微有点差别。父元素通过padding，子元素则是通过margin，来控制二者之间的间距，其实，对于页面的内容显示元素，都可以认为是body的子元素。