本文主要是讲解如何在 html 中使用 clearfix 和 clear，针对那些刚开始了解 css 的童鞋。关于 clearfix 和 clear 的样式在这里我就不写了，具体样式点击此处。 下面就谈谈对于这两个 class 的用法，首先我们先看个例子： 我们都知道使用浮动 ...

　　CSS 浮动，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器） ...

【clearfix的作用】 很多网站中都会有一个通用类，其作用是 —— 清除之前的浮动关系，修复在firefox、chrome等标准浏览器中子元素全部浮动时，父元素不自动增高的问题。 如下一段来自淘宝的DOM： 【cleafix的CSS定义】 再看这一段clearfix ...

//步骤一：css上定义伪元素： .clearfix:before,.clearfix:after { content: ""; display: block; clear: both; } //步骤二：在父级加入类名"clearfix"即可实现清楚浮动的效果 　　 ...

最近工作中我突然产生了一个想法，就如我们人类面临的终极问题一般，我从哪里来？我到哪里去？在撸代码进行CSS布局的时候，我会去想，我为什么这么做？，为什么浮动的元素要用overflow？，为什么要用clearfix？，为什么边距会重叠？为什么absolute就不需要clearfix ...