清除浮动的几种方法分析
发布时间：2021-12-02 13:39:05 所属栏目：大数据 来源：互联网
导读：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} 第三种方
|
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} 还有什么方法欢迎补充，加油，共同进步  （编辑：东莞站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐