Margin和padding问题的探讨

1　　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同上

2　　实际占用的空间大小：

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

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

　　一个标签元素的实际高度

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

3　　Margin的塌陷现象是什么？

　　

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

转载于:https://www.cnblogs.com/Shinigami/p/9641709.html