盒子模型

标准盒子模型

• 总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距
• 总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距

IE中的盒子模型

• 只有margin和content ，content中包含border,padding

• 宽度=margin+content

控制盒子模型的属性

box-sizing 属性