盒模型的分类
- W3C盒子模型(标准的盒模型)
宽度和高度的计算
标准盒模型:
width = content-width
height = content-height
- IE盒模型(怪异盒模型)
怪异盒模型:
width = content-width + padding-width + border-width
height = content-height + padding-height + border-height
如何在CSS 设置这两个模型
标准盒模型:
box-sizing: content-box
怪异盒模型:
box-sizing: border-box