CSS清除浮动

浮动原理

浮动元素会脱离文档流并向左/向右浮动,直到碰到父元素或者另一个浮动元素。

清除浮动:解决高度坍塌问题

  • 方法一(推荐):clearfix
    给父元素添加after伪类并设置clear:both;
    演示
  • 方法二:BFC
    给父元素添加overflow: hidden;
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,310评论 1 92
  • 在CSS布局中float属性经常会被用到,但使用float属性后会使其在普通流中脱离父容器,让人很苦恼。 浮动带来...
    wmsj100阅读 957评论 0 1
  • 什么是CSS清除浮动? 在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(flo...
    秦至阅读 479评论 1 8
  • 1、什么是css清除浮动? 在非IE浏览器下,当容器的高度为auto,且容器的内容中有浮动的元素,在这种情况下,容...
    IMike阅读 297评论 0 1
  • 清除浮动一般有两种思路:一、利用clear属性,清除浮动二、使父容器形成BFC 一、利用clear属性,清除浮动c...
    饥人谷_紫尘阅读 4,858评论 2 11

友情链接更多精彩内容