曲径通幽论坛

标题: margin-bottom 属性 [打印本页]

作者: beyes 时间: 2015-12-24 11:21
标题: margin-bottom 属性

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

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

[attach]4253[/attach]

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

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

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

欢迎光临曲径通幽论坛 (http://www.groad.net/bbs/)