清除浮动影响的三种方法

一、父元素加 overflow:hidden(可能对后期网页维护有影响)；

二、建一个兄弟元素，加样式 clear:both;(破坏网页结构)；

三、clearfix(建议使用)。

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

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1赞 92
  • 那些年我们一起清除过的浮动
    这篇文章极好,以至于让我受益良多,就一字没有改动的转发过来一丝冰凉老师的文章 需要注意的是，display:tab...
    新晋小牛牛阅读 1,071评论 0赞 2
  • 清除浮动
    浮动，从诞生那天起，它就是个特别的属性——既为网页布局带来新的方法，却又随之产生一系列的问题。当然，随着时间的推移...
    郝特么冷阅读 858评论 0赞 6
  • 什么是浮动？有哪些消除浮动的方法？
    大家好，我是IT修真院郑州分院第四期的学员王相博，一枚正直、纯洁、善良的前端程序员 今天给大家分享一下，修真院官网...
    More_ce0d阅读 1,042评论 0赞 1
  • 清除浮动的四种方法
    关于清除浮动的四种方法 浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进...
    jrg陈咪咪sunny阅读 713评论 0赞 1