问题：BFC是如何形成的？
解析：BFC触发条件:
根元素，即HTML元素
position:fixed/absolute
float不为none
overflow不为visible
display的值为inline-block、table-cell、table-caption
问题：BFC是什么？
解析：书解释：BFC(BlockFormattingContext)这个英拆解
Box:CSS布局的基本单位，Box是CSS布局的对象和基本单位，直观点来说，就是个是由很多个Box组成的，实际就是上个问题说的盒模型
Formattingcontext：块级上下格式化，它是中的块渲染区域，并且有套渲染规则，它决定了其元素将如何定位，以及和其他元素的关系和相互作
简之，它是块独的区域，让处于BFC内部的元素与外部的元素互相隔离
问题：标准盒模型和怪异盒模型有什么区别？
解析：在W3C标准下，我们定义元素的width值即为盒模型中的content的宽度值，height值即为盒模型中的content的度值。因此，标准盒模型下：
元素的宽度=margin-left+border-left+padding-left+width+padding-right+border-right+margin-right（见图1）
IE怪异盒模型（IE8以下）width的宽度并不是content的宽度，是border-left+padding-left+content的宽度值+padding-right+border-right之和，height同理。
在怪异盒模型下：
元素占据的宽度=margin-left+width+margin-right（见图2）
虽然现代浏览器默认使W3C的标准盒模型，但是在不少情况下怪异盒模型更好，于是W3C在css3中加box-sizing。
box-sizing:content-box//标准盒模型
box-sizing:border-box//怪异盒模型
box-sizing:padding-box//狐的私有模型，没
以上就是酷仔今天整理提供的Web前端开发面试题，希望为Web前端同学提供了有用的面试素材，以后酷仔每日均会提供Python及Web相关的习题。