码迷,mamicode.com
首页 > 其他好文 > 详细

重学前端-块格式化上下文

时间:2020-04-09 01:03:15      阅读:82      评论:0      收藏:0      [点我收藏+]

标签:css   导致   evel   浮动   渲染   格式化   abs   gui   tin   

块格式化上下文

块格式换上下文:(Block Formatting Content,BFC),页面中独立的块级渲染区域,该区域有一套渲染规则,用来约束块级盒子的布局,与本区域外无关。

触发BFC的条件

  1. 浮动元素
  2. overflow: hidden/auto/scroll
  3. 绝对定位属性的元素(position: absolute/fixed)
  4. display: inline-block/table-cell/table-caption
  5. ...

BFC可以解决的问题

margin重叠

浮动导致的高度塌陷

重学前端-块格式化上下文

标签:css   导致   evel   浮动   渲染   格式化   abs   gui   tin   

原文地址:https://www.cnblogs.com/cactus1102/p/12663942.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!