CSS float hack

第一种方法——<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/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,859评论 1 92
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,270评论 0 1
  • 关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, ...
    xxiao1988阅读 1,979评论 0 1
  • 如何打坐?只需要放松的坐着,和你的呼吸在一起 第一步就是姿势:坐着,脊柱挺直、肩膀放松,保持身体中正、挺拔、稳定、...
    启绚呀阅读 665评论 0 0