有这样的页面布局(工作中子元素的内容高度从后台自动更新,父元素需要包裹子元素,所以不能直接定义高度)
<div class="content">
<div class="inner"></div>
</div>
.content{
width:200px;
background-color:green;
}
.inner{
width:60px;
background-color:blue;
height:200px;
float:right;
}
解决办法:清除浮动
.content:after,.content:before{
content: "";
display: table;
}
.content:after{
clear: both;
}