我有两个与 CSS 溢出属性相关的问题或者更确切地说需要澄清。据说
具有非可见溢出值的框将垂直扩展
包围任何浮动的后代盒子。
另外关于利润率，据说
对于具有溢出值的盒子，边距永远不会崩溃
比可见的。
您能否用相同的实际用途解释这两点。如果您可以提供任何示例来证明相同的内容，那就太好了。
我的演示；
http://jsfiddle.net/emeRJ/13/ http://jsfiddle.net/emeRJ/13/
http://jsfiddle.net/emeRJ/12/ http://jsfiddle.net/emeRJ/12/
1）如果您有一个元素的溢出设置为与“可见”不同的值，则该元素的高度将根据内部的浮动元素进行扩展。
检查这个例子：http://jsfiddle.net/emeRJ/3/ http://jsfiddle.net/emeRJ/3/
因为我还没有定义height对于盒子来说，它会被里面的浮动块扩展。只是因为溢出不是“可见”..因此，如果将溢出设置为可见，则框将不会考虑浮动元素，并且框的高度将为0（在示例中，如果将溢出更改为可见，则将看不到灰色背景）
因此，当同时使用溢出、浮动和高度（或宽度）时，会有不同的行为。Overflow将告诉浏览器如何处理无法放入框中的内容（如果您已经定义了框的尺寸），Float将根据父元素的尺寸将元素放置在彼此旁边，高度和宽度将界定可见区域
[甚至更复杂]在示例中，当溢出可见时，如果添加一个更清晰的元素 http://www.quirksmode.org/css/clearing.html里面：http://jsfiddle.net/emeRJ/4/ http://jsfiddle.net/emeRJ/4/
2）对于第二个，你应该真正阅读link http://reference.sitepoint.com/css/collapsingmargins由 @feeela 给出关于折叠边距的信息...=P
希望这可以帮助
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
