margin-bottom 属性

beyes

margin-bottom 属性设置元素的下外边距。

下面以一个直观的实例来查看到底是啥，到 bbs.17173.com 论坛来看看 “欢迎新会员” 一栏，如下图所示：



上图中，红色方框的 div id 为 chart ，通过浏览器的审查元素可以看到其对应的 CSS 描述：


很清楚，这里的 margin-bottom 为 0 。方便比较，改为 20px ，看到效果：



也就是说，“欢迎新会员” 这一栏第底部与 “文章推荐”栏的距离为 20px，这个距离就是该栏的下外边距。所谓下外边距就是元素的底部距其下一个元素有多大。