CSS盒子理解及布局--div

CSS盒子理解及布局–div

盒子理解

内边距：盒子里面物体与盒子边缘的距离—padding

外边距：盒子与盒子距离—margin

margin重叠问题

注意：两个盒子同时设置margin是上下边距重合问题，margin重叠问题如下：

1. 平级元素—区两个盒子最大的margin值
2. 嵌套元素
   
   
   问题处理:

• 平级元素—区两个盒子最大的margin值

  • float
    

  • inline-block
    

• 嵌套元素

  • 在父盒子使用border/padding/overflow可以达到出现上下边距的效果