首页 > 试题广场 >

overflow:hidden是否形成新的块级格式化上下文？

[问答题]

overflow :hidden是否形成新的块级格式化上下文？

润桦

BFC：block formating context，块级格式化上下文，就是一个渲染元素的区域，但是渲染的只有块级元素

哪些元素会生成BFC？

1.display为inline-block，flex，inline-flex，table-cell，table-caption的元素（并不是你是块级元素就会生成的BFC，这里并不包括display为block的情况）

2.overflow不为visible的元素

3.根元素

4.浮动元素

5.position设置为static和relative之外的值

BFC的渲染规则是？

1.内部元素会在垂直方向一个一个地放置，垂直方向的距离由margin决定，但是同一个BFC内的元素上下margin会发生重叠

2.BFC不会和浮动元素重叠

3.计算BFC的高度时，浮动元素也会包含在内（overflow：hidden设置在浮动元素的父元素中以解决高度塌陷的问题）

4.元素左margin会与BFC的左边边框相连接，即使存在浮动也是如此

5.BFC是一个隔离的容器

编辑于 2018-08-27 14:57:12 回复(0)

更多回答

查理

其实用一句话就可以概括:但凡一切使div脱离文档流的属性和值，都可以形成一个新的BFC，代价是浏览器会重新渲染dom结构。

发表于 2017-10-14 14:44:22 回复(1)

马月月

是的，考察触发BFC的条件(我嘞，我咋又记不清楚BFC了）

发表于 2017-03-23 00:05:03 回复(0)

努力赚钱的小曾

会形成

发表于 2020-08-29 14:36:00 回复(0)

火柴哥

会形成BFC，触发BFC的条件有：浮动元素：float除none以外的值绝对定位：position （absolute，fixed）display为inline-block、table-cell，flexoverflow除了visible以外的值

发表于 2020-05-17 22:50:44 回复(0)

提交观点

问题信息

上传者：牛妹

难度：

5条回答 385收藏 1878浏览

扫一扫，把题目装进口袋