清除浮动的方法

清除浮动有哪些方式?比较好的方式是哪一种?

(Q1)

(1)父级div定义height。

(2)结尾处加空div标签clear:both。

(3)父级div定义伪类:after和zoom。

(4)父级div定义overflow:hidden。

(5)父级div定义overflow:auto。

(6)父级div也浮动,需要定义宽度。

(7)父级div定义display:table。

(8)结尾处加br标签clear:both。

(Q2) 比较好的是第3种方式,好多网站都这么用。

.类名称:after{display:block;clear:both;content:"";visibility:hidden;height:0} 

  .类名称{zoom:1}

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,868评论 1 92
  • 我们在日常开发布局中经常会使用到流体布局,流体布局用到的一个最重要的属性就是浮动,今天就来看看浮动的相关知识。 1...
    一木_qintb阅读 1,169评论 0 2
  • 浮动是什么:浮动:浮动元素会脱离文档流并向左右移动,直到碰到父元素或者另一个浮动元素。 浮动元素不属于文档中的普通...
    天外来人阅读 478评论 0 1
  • 看到思嘉妈、涵仪妈、紫瑜妈、研妈、梦妮妈、豆妈等家人,在微信群积极互动分享,其他家人感受到什么?再到读经班里,看到...
    上海雯雯妈M6阅读 524评论 0 0
  • 喜大普奔,我鲁鲁单身多年终于公开恋人! 1L 楼主 从鲁鲁出道以来,一直就很喜欢他,这么多年没有过交往,现在终于宣...
    小飞侠7号阅读 2,049评论 0 1