什么是盒子模型
盒子模型就是元素在网页中实际占据的大小
盒子模型的计算方式
盒子模型 = width/height+padding+border 注意：没有margin
box-sizing
当box-sizing的值为 border-box 时，会改变盒子模型的计算方式
盒子模型 = width/height = 内容宽高+border+padding
offsetWidth
JavaScript中获取盒子模型的方式是 obj.offsetWidth / offsetHeight
margin负值有什么效果？
- margin-left 负值，元素自身向左移动
- margin-top 负值，元素自身向上移动
- margin-right 负值，右边的元素向左移动
- margin-bottom 负值，下边的元素向上移动
