关于清除浮动的问题。一招解决
2017-07-28 18:05
211 查看
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
原理:IE8以上和非IE浏览器才支持:after,原理有两点类似的,zoom可以解决ie6,ie7浮动问题。
优点:浏览器支持好,不容易出问题。
缺点:代码多。新手基本不理解。需要两句代码结合才支持主流浏览器。
.clearfloat{zoom:1}
原理:IE8以上和非IE浏览器才支持:after,原理有两点类似的,zoom可以解决ie6,ie7浮动问题。
优点:浏览器支持好,不容易出问题。
缺点:代码多。新手基本不理解。需要两句代码结合才支持主流浏览器。
相关文章推荐
- 关于css清除浮动,解决内容溢出的问题
- 父元素的高度为0利用伪元素:after清除浮动可解决问题
- 关于清除浮动的问题
- 使用zoom、overflow解决IE6、IE7、FF下嵌套容器清除浮动问题
- 关于解决清除浮动的五大方法
- 使用zoom、overflow解决IE6、IE7、火狐浏览器下嵌套容器清除浮动问题
- 解决float浮动带来的父元素高度没有的问题---清除浮动
- CSS中关于清除浮动的问题
- 前端.关于清除浮动和盒子无法撑开的问题(图文解释)
- 关于li:hover的怎么清除浮动问题实现代码
- HTML5基础加强css样式篇(float补充,清除浮动解决高度塌陷问题,定位补充)(一)
- 解决高度塌陷的问题 – 清除浮动
- 使用zoom、overflow解决IE6、IE7、FF下嵌套容器清除浮动问题
- 使用zoom、overflow解决IE6、IE7、火狐浏览器下嵌套容器清除浮动问题
- 关于IE6/IE7中浮动元素margin-bottom值失效的问题解决办法。
- 清除浮动-解决父级元素高度不能适应子级元素高度的问题
- CSS中 清除浮动解决“包含问题”
- 解决清除浮动的问题
- 关于overflow:auto | hidden清除浮动的一些问题
- 关于浮动居中与清除浮动的问题