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

这个是一个很流行的清除浮动的方法，在很多大项目上已经被完全采用。 这个方法来源于positioniseverything ，通过after伪类:after和IEhack来实现，完全兼容当前主流浏览器。 <style type="text/css"> .clearfix:after ...

今天看bootstrap突然看到了 .container:after { clear: both; } 好像对clear的用法有点模糊，于是于是又研究一下用法。 上面搜资料总会搜到张鑫旭老师的相关文章，又把他的《准确理解CSS clear:left/right的含义及实际用途 ...

父元素高度自适应，子元素 float 后，造成父元素高度为0，称为高度塌陷问题。 推荐使用万能清除法解决。（给需要清除浮动的元素添加一个class名 clear） 万能清除法代码 父元素:after{ content: ""; height: 0; clear ...

教程开始： 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一 ...

教程开始： 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很 ...

我们在日常代码生活中，或多或少会利用浮动来布局，例如导航布局，如下图所示： 但是，我们在实现的时候，经常会遇到父元素“塌陷”以及清除浮动问题。例如 View Code 上图中的子元素（绿色），就没有被父元素（粉红色的线条）包裹住，这就是塌陷问题 ...

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