css 盒子模型

1.盒子模型

 

• 在网页中每一个html元素都可以看成一个盒子 。
• 盒子模型的参照物不一样，则使用的css属性不一样，比如：

1. 1. 从div1的角度看，是margin-right;从div2 的角度看，则是margin-left；
   2. 比如从div2的角度看img，则为padding-top，从img的角度看div2，则为margin-top。

• 如果不希望破坏外观，则尽量使用margin来布局，因为padding可能会改变盒子的大小（相当于这个盒子有弹性）；margin 过大，则会把盒子里面的内容挤到盒子外面去，但盒子本身大小没有变化。