当前位置: 首页 > 面试题库 >

BFC(块级格式化上下文,用于清楚浮动,防止margin重叠等)

袁康裕
2023-03-14
本文向大家介绍BFC(块级格式化上下文,用于清楚浮动,防止margin重叠等)相关面试题,主要包含被问及BFC(块级格式化上下文,用于清楚浮动,防止margin重叠等)时的应答技巧和注意事项,需要的朋友参考一下

参考回答:

直译成:块级格式化上下文,是一个独立的渲染区域,并且有一定的布局规则。

BFC区域不会与float box重叠

BFC是页面上的一个独立容器,子元素不会影响到外面

计算BFC的高度时,浮动元素也会参与计算

那些元素会生成BFC:

根元素

float不为none的元素

position为fixed和absolute的元素

display为inline-block、table-cell、table-caption,flex,inline-flex的元素

overflow不为visible的元素

 

 

 类似资料:
  • 问题内容: 作为块级元素的HTML元素和形成块格式上下文的HTML元素之间有什么区别? HTML元素既可以是块级元素又可以形成块格式化上下文吗? 作为块级元素是否意味着它形成了一个块格式化上下文,或者相反,形成一个块格式化上下文就意味着它必须是一个块级元素吗? 同样,这如何转换为内联元素和形成内联格式上下文的元素? 问题答案: 请注意,此答案使用术语“盒子”代替“元素”,因为CSS区分了元素和盒子

  • 块级框参与的格式化上下文,称作块格式化上下文(Block Formatting Contexts,简称BFC),它规定了内部的块级框如何排列。 块格式化上下文看似抽象,其实比较简单,它实际上就是页面上的一个块级元素,只是在布局上,该元素内部的元素和外部的元素相互独立,互不影响。 通俗的讲,就是在创建了块格式化上下文的元素中,其子元素都会按照块格式化上下文的规则排列自己。以下元素都会自动为其内容创建

  • https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_flow_lay... 上面的文章写到: 1.常规流中:块级盒子是在块格式上下文(BFC)中的,而内联盒子是在内联格式上下文中的(IFC); 2.块格式上下文(BFC)中,盒子是垂直排列的; 3.内联格式上下文(IFC)中,盒子水平排列; 那么问题来了: 例子:通过display:flow-r

  • 问题内容: 我已经在SO上看到了几次这样的问题,并且给出了相同的答案,但这些答案在我的Chrome或Firefox中不起作用。 我想让一组左浮动div开始运行,水平放置一个带有水平滚动条的父div。 我可以在这里演示如何使用此糟糕的嵌入式CSS 但是,从SO *给出的答案来看,这应该可行,但对我而言却不可行。 有没有一种方法可以定义每个项目的绝对位置呢? eg [防止浮动的div包装到下一行 问题

  • 默认情况下,所有框都在普通流中定位,普通流包括块级框的块格式化、行内级框的行格式化、块级框和行内级框的相对定位。 在普通流中,不同类型的框,会参与不同的格式化上下文(Formatting Context),格式化上下文就是框的布局上下文,它规定了该上下文中的框如何排列,以及这些框之间的关系和相互作用。 普通流中的每个框,只能参与某一种格式化上下文,要么是块格式化上下文,要么是行格式化上下文。块级框

  • 问题内容: 我正在使用python 2.6中的标准json模块来序列化浮点列表。但是,我得到这样的结果: 我希望浮点数仅使用两位十进制数字进行格式化。输出应如下所示: 我尝试定义自己的JSON Encoder类: 这适用于唯一的float对象: 但是对于嵌套对象失败: 我不想有外部依赖性,所以我更喜欢使用标准的json模块。 我该如何实现? 问题答案: 注: 这并 没有 任何最新版本的Python