BFC

Question

老师你说BFC是“一个独立渲染区域, 内部元素的渲染不会影响边界以外的元素 “, 我能理解你视频中写的加上overflowhidden的话float left就不会跑出去, 但是这貌似跟“内部元素的渲染不会影响边界以外的元素“ 没啥关系, ”不会影响边界以外的元素“到底什么意思 如何理解

Answer 1

yxnne 2022-04-21 00:02:19

是不是可以这样理解：float元素是要浮动的，但是其浮动默认作用在文档的顶级。然后当我们为容器增加BFC之后，其浮动的范围就划定到这个BFC中了，也就是说，在BFC中就消费了这个浮动，故而说不会影响外部

Answer 2

双越 2022-03-30 08:12:41

就是内部元素无论尺寸、定位如何变化，都不会影响外部元素的定位和尺寸。