CSS——BFC规范、触发条件及应用

BFC规范:
  BFC即块级格式化上下文,属于FC(Formatting context)格式化上下文中的一种规范。
  具有BFC特性的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且BFC具有普通容器所没有的一些特性。
触发BFC的条件:
  浮动元素:float除none以外的值
  绝对定位元素:position(absolute、fixed)
  display为inline-block、table-cells、flex
  overflow除了visible以外的值(hidden、auto、scroll)
BFC特性及应用:
  解决margin叠加问题
  解决margin传递问题
  解决浮动问题
  解决覆盖问题

posted @ 2021-01-21 20:24  泰初  阅读(394)  评论(0编辑  收藏  举报