1.盒子模型
- 在网页中每一个html元素都可以看成一个盒子 。
- 盒子模型的参照物不一样，则使用的css属性不一样，比如：
- 从div1的角度看，是margin-right;从div2 的角度看，则是margin-left；
- 比如从div2的角度看img，则为padding-top，从img的角度看div2，则为margin-top。
- 如果不希望破坏外观，则尽量使用margin来布局，因为padding可能会改变盒子的大小（相当于这个盒子有弹性）；margin 过大，则会把盒子里面的内容挤到盒子外面去，但盒子本身大小没有变化。
css 盒子模型
原文地址：https://www.cnblogs.com/licl11092/p/9309252.html