码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2021-04-10 12:53:33      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:span   size   盒子模型   mil   soft   enter   family   ext   模型   

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

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


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


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

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

标签:span   size   盒子模型   mil   soft   enter   family   ext   模型   

原文地址:https://www.cnblogs.com/Davidtuzki/p/14636982.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!