CSS-盒子模型-外边距折叠

时间:2021-04-10 12:53:33   收藏:0   阅读:0

垂直外边距的重叠(折叠)

特性描述:在盒模型设置外边距时,相邻的垂直方向上,两个元素的外边距会发生重叠现象


兄弟元素
  (1)兄弟元素间的相邻垂直外边距会取两者之间的较大值(两者都是正值)
  (2)特殊情况
    - 如果相邻的外边距一正一负,则取两者的和
    - 如果相邻的外边距都是负值,则取两者中绝对值较大的
  (3)兄弟元素之间的外边距的重叠,对于开发是有利的,所以我们不需要进行处理


父子元素
  (1)父子元素间相邻外边距,子元素的会传递给父元素(上外边距)
  (2)父子外边距的折叠会影响到页面的布局,必须要进行处理

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!