BFC理解，如何形成

1、BFC定义

BFC:(Block formatting context)BFC是格式化上下文，形成一个独立的渲染区域，让处于BFC内部的元素和外部元素相互隔离，使内外元素的定位不会相互影响

2、如何形成BFC

  • position:absolute或fixed
  • display:inline-block, table-cell, table-caption, flex, inline-flex
  • flocat:none
  • overflow:visible

3、BFC如何应用有哪些

  • 自适应布局
  • 可以阻止元素被浮动元素覆盖margin
  • 清楚内部浮动
  • 方便我们多个独立的区域块

 

posted @ 2021-02-18 22:18  程序員劝退师  阅读(43)  评论(0)  编辑  收藏  举报