CSS float hack

第一种方法——


添加:


定义样式:display: block; clear: left; margin: -0.66em 0;visibility: hidden;

CSS float hack_第1张图片
第一种方法

第二种方法——clearer类

添加:

 

定义样式:div.clearer {clear: left; line-height: 0; height: 0;}

CSS float hack_第2张图片
第二种方法

第三种方法——另一个float

float的上一层也添加一个float属性。

第三种方法

如需在后面添加一段文字而不被影响,可在float最后面添加clearer类。

CSS float hack_第3张图片
添加clearer类

参考:http://www.complexspiral.com/publications/containing-floats/

你可能感兴趣的:(CSS float hack)