CSS float hack

作者: 觉子先生 | 来源:发表于2015-02-11 21:32 被阅读115次

第一种方法——<hr>

添加:<hr>

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

第一种方法

第二种方法——clearer类

添加:<div class="clearer">&nbsp;</div>

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

第二种方法

第三种方法——另一个float

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

第三种方法

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

添加clearer类

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

相关文章

  • CSS float hack

    第一种方法—— 添加: 定义样式:display: block; clear: left; margin: -0....

  • CSS hack 原理

    参考文章: CSS hack大全&详解(什么是CSS hack) 要点总结: css hack 原理是:依据不同浏...

  • 20-IE6浏览器兼容

    CSS Hack 什么是CSS Hack?针对IE的不同版本设置不同的CSS属性, 我们就称之为CSS Hack ...

  • CSS部分属性的IE兼容

    CSS-Hack 什么是CSS Hack?针对IE的不同版本设置不同的CSS属性, 我们就称之为CSS Hack ...

  • 浏览器兼容

    什么是 CSS hack CSS hack就是使你的CSS代码兼容不同的浏览器。CSS hack大致有3种表现形式...

  • HTML2

    1、ie6png的修复 2、CSS Hack常见的有三种形式:CSS属性Hack、CSS选择符Hack以及IE条件...

  • 前端面试总结(七)

    1.什么是CSS Hack? 一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。IE浏览器Hack...

  • 浏览器兼容

    CSS hack CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mo...

  • 浏览器兼容简要了解

    CSS HACK CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mo...

  • 浏览器兼容问题

    什么是 CSS hack CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safar...

网友评论

    本文标题:CSS float hack

    本文链接:https://www.haomeiwen.com/subject/tzvjxttx.html