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

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