Margin和padding问题的探讨

Margin和padding问题的探讨

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

  Margin200px 100p;设置两个值上下是200px  左右是100px

  Margin200px 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和padding问题的探讨Margin和padding问题的探讨

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