1、标准盒模型(W3C盒模型)
1、css样式设置
* {
box-sizing: content-box;
}
2、盒子大小
大小 = 宽高 + padding + boder + margin;
3、特性
margin 、border 和 padding 会被加在 content 区域以外。
2、怪异盒模型(IE盒模型)
1、css样式设置
* {
box-sizing: border-box;
}
2、盒子大小
大小 = 宽高 + margin
3、特性
margin 会被加在 content 以外,border 和 padding 会被加在 content 区域,对content 的面积进行挤压。