css 盒子模型

1.盒子模型

 

  • 在网页中每一个html元素都可以看成一个盒子 。
  • 盒子模型的参照物不一样,则使用的css属性不一样,比如:
    1. div1的角度看,是margin-right;从div2 的角度看,则是margin-left;
    2. 比如从div2的角度看img,则为padding-top,从img的角度看div2,则为margin-top。
  • 如果不希望破坏外观,则尽量使用margin来布局,因为padding可能会改变盒子的大小(相当于这个盒子有弹性);margin 过大,则会把盒子里面的内容挤到盒子外面去,但盒子本身大小没有变化。
posted @ 2018-07-14 12:36  我是旺旺  阅读(125)  评论(0编辑  收藏  举报