这是标准浮动问题。父容器 div 中有一堆浮动元素。由于子级是浮动的,父级不会扩展以包含所有子级。
我了解clearfix解决方案以及将父容器div上的溢出属性设置为“自动”或“隐藏”。http://www.quirksmode.org/css/clearing.html http://www.quirksmode.org/css/clearing.html对我来说,设置溢出方法似乎更好,因为它只是一个属性。我想了解的是,clearfix 方法何时比此方法有优势,因为我发现它被非常频繁地使用。
附:我不关心IE6。
唯一一次你应该费心使用插入不可见内容来清除的“clearfix”方法是如果你需要一个元素在溢出你要应用它的元素时可见,否则触发 hasLayout + 溢出是黄金。
请注意,在 IE7 中溢出隐藏会触发 hasLayout。不确定IE8。
#wrapper { width:80em; overflow:hidden; }
上面的方法在大多数情况下都可以正常工作,除非您需要说 #header 溢出超过 #wrapper..
#wrapper { width:80em; position:relative; }
#wrapper:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#header { position:absolute; top:-15px; left:-15px; }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)