清除浮动，解决子元素浮动后父元素高度消失问题

有这样的页面布局(工作中子元素的内容高度从后台自动更新，父元素需要包裹子元素，所以不能直接定义高度)

<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;
}