前端常见面试题（html）

盒模型与BFC:

什么是盒模型：

在我们html中，每个元素都可以看做成一个盒子 ：分为 四个部分 分别是：1、内容区域（content）2、内边距（padding）3、外边距（margin）4、边框（border）四个部分组成！

 盒模型有两种：

标准盒模型的总宽度=border+padding+width

怪异盒模型的总宽度=border+padding+margin+（内容宽度）

那如何在怪异盒模型宽度和标准盒模型总宽度之间怎么切换呢？

box-sizing:border-box 怪异盒模型

box-sizing:content-box 标准盒模型

 BFC是什么？

BFC就是块级格式上下文的意思，一块独立的布局环境，保护外部不受外部影响，也不影响外部

也是一种css的布局方式，只是我们用来解决外边距折叠的问题，BFC并不是因为解决这个问题而创的！

怎样使用BFC如何触发？

在box属性值为这些的情况下，都会让所属的box产生BFC

1.overflow:auto/hidden;  

2.position:absoiute/fixed;

3.float:left/right;

4.display:inline-block/flex

继续更新！！！