[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]
[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]