bfc:即块级格式化上下文,它有自己的一套渲染规则,相当于一个独立的布局环境,可以理解为一个容器,在这个容器中按照一定规则进行渲染,并且不会影响容器以外的布局。
开启bfc的方法:bfc: position为absolute或fixed display为inline-block, table-cell, table-caption, flex, inline-flex overflow不为visible
bfc的应用:外边距重叠: 浮动导致高度丢失: 清除浮动: 盒子重叠:
bfc:即块级格式化上下文,它有自己的一套渲染规则,相当于一个独立的布局环境,可以理解为一个容器,在这个容器中按照一定规则进行渲染,并且不会影响容器以外的布局。
开启bfc的方法:bfc: position为absolute或fixed display为inline-block, table-cell, table-caption, flex, inline-flex overflow不为visible
bfc的应用:外边距重叠: 浮动导致高度丢失: 清除浮动: 盒子重叠: