1、overflow属性清除浮动，bfc优缺点？

1.bfc全称Block formatting context，块级格式化上下文，字面理解就是一个独立渲染的区域，里面的内容不受外界的影响。

2.一般设置了浮动，绝对定位/固定定位、dispaly的值为inline-block、table-cell、flex…或者元素设置了overflow的值除visible的情况下会产生。

3.一般用于清除浮动、设置左边固定大小，右边自适应布局，margin之间的层叠问题。

4.缺点的话因为我没有找到其他文献，我猜是bfc应该会引起重排，消耗性能吧。

2、cssoverflow详解？

这个问题问的应该是：css中的overflow详解？参考答案如下：

在CSS中，overflow是“溢出”的意思，该属性规定当内容溢出元素框时发生的事情，设置内容是否会被修剪，溢出部分是否会被隐藏；例如当属性值设置为“visible”则内容不会被修剪，为“hidden”则内容会被修剪并且其余内容是不可见的。

overflow属性支持4个属性，可设置当内容溢出元素框时的4种处理方式：

1、visible 默认值。内容不会被修剪，会呈现在元素框之外。

2、hidden 内容会被修剪，并且其余内容是不可见的。

3、scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

4、auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

3、bfc规则特性？

一，BFC产生规则

1、根标签(body)

2、float的值不为none

3、overflow的值不为visible

4、display的值为inline-block

5、position的值为absolute或fixed

二，BFC的特性

1、垂直方向排列。（类似块级特性）

2、BFC内部每个内部标签都会与左边界相接触。（类似块级特性）

3、属于同一个BFC的两个块元素，垂直margin兄弟关系会折叠（正数以大值为准，有负数正常加减），父子关系会塌陷。

4、BFC区域不会与float的标签区域重叠。

5、浮动的标签也会被计算BFC高度。

6、BFC是独立容器，内部标签不会影响到外部标签

4、确定时怎样让子元素的高度始终和父元素同高？

给左浮动的子元素的下一个兄弟元素清除浮动，没有就添加一个空元素来清除浮动，或者是给父元素 添加overflow: hidden属性。