css学习_css BFC特性(块级格式化上下文)

时间:2021-11-09 06:57:19

块级元素会有bfc条件------可以触发bfc--------利用bfc的特性来解决一些问题

1、什么是BFC?

就是一个封闭独立的渲染的区域

css学习_css BFC特性(块级格式化上下文)

2、什么元素会有BFC的条件? ---块级元素会有,行内元素没有 

css学习_css BFC特性(块级格式化上下文)css学习_css BFC特性(块级格式化上下文)

3、什么情况下块级元素可以产生bfc?(触发bfc)

css学习_css BFC特性(块级格式化上下文)

四种中有一种就行,可以触发bfc

BFC特性

css学习_css BFC特性(块级格式化上下文)

4、BFC主要用途(块级元素会有bfc条件------可以触发bfc--------利用bfc的特性来解决一些问题)

1、清除浮动

    css学习_css BFC特性(块级格式化上下文)

 2、解决外边距合并的问题

css学习_css BFC特性(块级格式化上下文)

3、做右侧自适应

css学习_css BFC特性(块级格式化上下文)

css学习_css BFC特性(块级格式化上下文)