clearfix，clearfix什么意思
1首先新建一个html文件clearfix，命名为testhtml2在testhtml文件中clearfix，分别给两个p标签设置class属性clearfix，分别为n1，n2主要用于下面分别对p标签使用lineheight和height样式，讲解它们clearfix的区别3为了展示明显的效果，在css标签内，使用css设置p标签的样式，定义p元素为1px灰色边框，宽度为300px，并使用。
关于clearfix类，clearfix这个很多人还不知道，今天来为大家解答以上的问题，现在让clearfix我们一起来看看吧1自设class名2一般约定俗成的是清除浮动3clearfix#160#160#160#160overflowhidden#160#160#160#160clearboth#160#160#160#160width0#。
HTML部分盒子1盒子2 CSS部分box1 float left box2 float left 使用float属性可以使两个div在同一行显示，但可能会出现清除浮动的问题，这时可以使用clearfix方法解决具体的clearfix代码如下CSS部分clearfixafter content quotquot display table clear both。
这段代码的主要作用是清除浮动具体来说，它通过在类名为“clearfix”的元素内加入一个空的伪元素来实现清除浮动的效果伪元素的代码如下clearfixafter content quotquotdisplay blockclear bothvisibility hiddenlineheight 0height 0fontsize0 通过上述代码，伪元素被插入。
相关标签 :
