BFC----块级格式上下文

[url]http://www.w3cplus.com/css/understanding-bfc-and-margin-collapse.html[/url]
[url]http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html[/url]
上文已经将的很详细了,大家可以看看!
这里提另外一个相关问题:
[url]http://blog.csdn.net/duran1986/article/details/6930967[/url]我在这篇文章中找到了答案;
问题是:有时候我们调子元素的margin-top,是想和父元素拉开距离,可事实是和父元素没拉开距离,反而是父元素与上面拉开了距离,感觉子元素的设置在父元素上起作用,为什么呢?
这是css2.1盒模型中规定的内容——Collapsing margins:
In this specification, the expression collapsing margins means that adjoining margins (no non-empty content, padding or border areas or clearance separate them) of two or more boxes (which may be next to one another or nested) combine to form a single margin. 所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。毗邻的定义为:同级或者嵌套的盒元素,并且它们之间没有非空内容、Padding或Border分隔。
[color=blue]所以这是规定,你想用它(css)就要符合它的规定[/color]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值