css到底清除浮动用哪种形式比较好

发布网友发布时间：2022-04-06 11:04

共1个回答

热心网友时间：2022-04-06 12:34

1,overflow:hidden *zoom:1; 加入父级元素，可以实现自适应，子元素采用浮动。
优点：代码简单
弊端：如果子元素出现定位的下拉菜单等形式，内容超出会被隐藏
2.clear:both 加入空标签设置成clear:both;
优点：主要是针对浮动子元素的下边距的消失（IE7 IE6），用其他清除浮动方法都不能成功解决此问题
弊端：新增代码增加文件大小
3.afte
.clearfix{
*zoom: 1
}
.clearfix:after {
content: "";
display: table;
clear: both
}
大多网站采用此方法，可以在父元素加入clearfix 或者直接设置成父级元素:：after

优点：兼容性很好
弊端：代码过多，增加文件大小

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com