<html>
<head>
<style type="text/css">
#big{background:#f00;border:solid 20px #333;width:400px;overflow:hidden;height:aoto;}
#d1{height:500px;background:blue;float:left;width:400px;}
</style>
</head>
<body>
<div id="big">
<div id="d1">
</div>
<!--<div style="clear:both"></div>-->
</div>
</body>
</html>
浮动是脱离文档流的，这样的结果是父级显示区域不会包括浮动元素空间位，造成父级高度过小，解决办法可以在父级样式加"height:auto;overflow:hidden;或者浮动元素下加<div style="clear:both"></div>"
<head>
<style type="text/css">
#big{background:#f00;border:solid 20px #333;width:400px;overflow:hidden;height:aoto;}
#d1{height:500px;background:blue;float:left;width:400px;}
</style>
</head>
<body>
<div id="big">
<div id="d1">
</div>
<!--<div style="clear:both"></div>-->
</div>
</body>
</html>
浮动是脱离文档流的，这样的结果是父级显示区域不会包括浮动元素空间位，造成父级高度过小，解决办法可以在父级样式加"height:auto;overflow:hidden;或者浮动元素下加<div style="clear:both"></div>"
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
