清除浮动的几种方法
HTML：
<div>
<div class='box-left'></div>
<div class='box-right'></div>
</div>
CSS：
.box-left,.box-right {
width: 200px;
height: 200px;
float: left;
background: red;
border: 1px solid #333;
}
第一种方法：.box{clear:box}
第二种方法：.box{overflow:hidden}
第三种方法：.box{overflow:auto}
第四种方法：.box:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}.box{ zoom:1;}
第五种方法：.box{height:200px}设置高度
第六种方法：.box{display:table}
- 上一篇：css样式之border-image
- 下一篇：常见CSS与HTML使用误区
相关文章
图文推荐
- 文章
- 推荐
- 热门新闻