前端清除浮动的几种方法

2019-08-26 05:46:37来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

前端清除浮动的几种方法

清除浮动方法

  • 给父级定义height 缺点:扩展性不好
  • 父级 overflow:hidden 定位 浮动 开启BFC布局 浮动/定位盒子的特点高宽都由内容撑开 缺点:IE6会失效,添加样式zoom:1;触发拥有布局(haslayout)
  • br标签清除浮动 <br clear="all"/>缺点:IE6不支持
  • 空标签清除浮动 <div style="clear:both"></div> 缺点:违反了结构行为样式相分离的原则.

  • 伪类清除浮动
clear-fix:{
    *zoom:1; /*IE6 IE7不支持伪类元素  开启haslayout*/
}
clear-fix::after{
    content:'';
    display:block;
    clear:both;
}

原文链接:https://www.cnblogs.com/dobeco/p/11385463.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:不同浏览器的内核

下一篇:CSS常见布局