clearfix清除浮动讲解 HTML

HTML,clearfix清除浮动讲解,博智网带你了解详细信息 。
一、浮动的概念浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止 。
由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样 。
二、浮动的影响1. 浮动会导致父元素高度坍塌

clearfix清除浮动讲解 HTML


clearfix清除浮动讲解 HTML


clearfix清除浮动讲解 HTML


clearfix清除浮动讲解 HTML


  • 原理:通过CSS伪元素在容器的内部元素之后添加一个看不见的空格“/20”或点“.”,并且设置clear属性清除浮动 。
  • 优点:浏览器支持较好
  • 缺点:clearfix这个class需要添加zoom: 1(触发haslayout),才能支持IE6和IE7浏览器
  • 建议:推荐使用,设置公共类,减少CSS代码
【clearfix清除浮动讲解 HTML】到此这篇关于HTML clearfix清除浮动讲解的文章就介绍到这了,更多相关HTML clearfix清除浮动内容请搜索趣讯吧以前的文章或继续浏览下面的相关文章希望大家以后多多支持趣讯吧!

    推荐阅读