盒子模型有两种,W3C(标注模型)和IE盒子模型
盒模型是描述DOM位置的一种模型,他由content(内容)、padding(外边距)、margin(内边距)、border(边框)组成。
W3C盒子模型和IE盒子模型的主要区别在于:
W3C定义的盒子的宽度width = content(内容)的宽度;
IE盒子模型定义的盒子元素宽度width = content + border + padding
BFC:(块级格式化上下文)
从样式上看,具有 BFC的元素与普通的容器没有什么区别,
从功能上看,BFC相当于构建了一个密闭的盒子模型,
在BFC中的元素不受外部元素的影响。
如何创建一个BFC:
1:float为left或right
2:overflow为hidden、auto、scorll(非visibility)
3:display:inline-block / tabl-cell / table-caption(行内元素或表格元素)
4:position:absolute / fixed(绝对定位元素)