清除浮动
2019-03-26 本文已影响0人
琪琪fjq
浮动在页面布局的时候经常会使用,以下是我对清除浮动的方法的总结:
html布局:
htmlcss样式:
1、给父级加display :inline-block;
2、在浮动元素下加<div class = "clear"></div>
.clear {height:0;font-size:0;clear:both;}
修改后的html css样式
3、给浮动元素的父级加overflow:hidden/auto;zoom:1;
css样式最优方案:
4、给浮动元素的父级加{zoom:1}
父级::after{content:" "; display:block; clear:both;}
css样式