高度坍塌：常见于流式布局中。当父元素没有高度时， 且子元素有float样式。
原因： 子元素脱离文档流， 无法撑开父元素。
<body>
<div class="box">
<div class="box1"></div>
</div>
</body>
<script>
</script>
<style>
.box {
width: 500px;
background-color: rgb(216, 143, 143);
}
.box1 {
height: 100px;
width: 100px;
background-color: rgb(159, 186, 211);
float: left;
zoom: 1;
}
</style>效果：
解决： 在坍塌的盒子上增加样式
.box:after {
clear: both;
content: '';
display: block;
height: 0;
overflow: hidden;
}
父元素成功呈现出来。
1239
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
