Margin和padding问题的探讨

Margin和padding问题的探讨

     Margin:200px;设置一个值说明top right bottom left 都是200px

    Margin：200px 100p；设置两个值上下是200px  左右是100px

    Margin：200px 50px 100px 上是200px 左右是50px  下是100px

    Margin:200px 50px 100px 50px; 上是200  右是50px 下是100px 左是50px

    Padding同上

   实际占用的空间大小

   通过分析我们发现一个元素实际占用的空间（区域）是

    Width+border*2+padding*2+margin*2

   一个标签元素的实际高度

   实际高度=height+padding-top+padding-bottom+2*border

    Margin的塌陷现象是什么？

 

    相邻两个块级元素同时设置margin时，他们之间的外边距不会叠加，会取最大的。这种现象叫margin塌陷。