美文网首页
前端面试题-BFC(边距重叠解决方案)

前端面试题-BFC(边距重叠解决方案)

作者: 小理有趣 | 来源:发表于2019-05-28 23:45 被阅读0次

1、BFC的基本概念?

        块级格式化上下文。与之并列的是IFC(内联元素的格式化上下文,此处先不讨论哈)。

2、说下BFC的原理?

        BFC原理就是BFC的渲染规则,共四点:

a) 在BFC这个元素垂直方向的边距会发生重叠。

b) BFC的区域不会与浮动元素box重叠,用来清除浮动的和布局的。

c) BFC在页面上是一个独立的容器,外面的元素不会影响里面的元素,里面的元素也不会影响外面的元素。

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

3、说下如何创建BFC?

a) overflow除了 visible 以外的值(hidden,auto,scroll)。

b) float 除 none 以外的值。

c) position值不是relative或者static,absolute,fixed。

d) display属性inline-block,table-cell,table-caption。

相关文章

  • 前端面试题-BFC(边距重叠解决方案)

    1、BFC的基本概念? 块级格式化上下文。与之并列的是IFC(内联元素的格式化上下文,此处先不讨论哈)。 2、说下...

  • BFC(边距重叠解决方案)

    BFC基本概念:块级格式化上下文。BFC的原理: 在BFC这个元素的垂直方向的边距发生重叠; BFC的区域不会与浮...

  • BFC与边距重叠

    一、 什么是BFC 块级格式化上下文(Block Formatting Context),也就是常说的BFC,它是...

  • 第三章 一面/二面

    3-1 页面布局 (一) 3-4 css盒模型 BFC(边距重叠)块级格式化上下文BFC的原理:1.BFC元素垂直...

  • 2019-05-30

    高度塌陷: 添加浮动,会产生塌陷 解决方案: 答辩面试题: 元素开启BFC模式: 1,父元素的垂直外边距不会和子元...

  • 几个HTML+CSS知识点

    说一下边距重叠(BFC) BFC就是块级元素格式化上下文,相当于一个容器,里面的布局不会影响到外面的元素。IFC就...

  • 定位

    BFC (隐含的属性)1 父元素的垂直外边距不会和元素重叠2 开启BFC的元素不会被浮动元素所覆盖的3 开启BFC...

  • 05day

    BFC (隐含的属性)1 父元素的垂直外边距不会和元素重叠2 开启BFC的元素不会被浮动元素所覆盖的3 开启BFC...

  • 边距合并、BFC

    1.在什么场景下会出现外边距合并?如何合并?如何不让相邻元素外边距合并?给个父子外边距合并的范例。 外边距合并指的...

  • 前端—高度塌陷和定位

    高度塌陷 : 块的格式化环境 BFC BFC (隐含的属性) 1.父元素的垂直外边距不会和子元素重叠; 2....

网友评论

      本文标题:前端面试题-BFC(边距重叠解决方案)

      本文链接:https://www.haomeiwen.com/subject/qwsstctx.html