HTML-外边距折叠

简介: ​ -相邻的垂直方向外边距会发生重叠现象​ -兄弟元素​ -兄弟元素间的相邻垂直外边距会取两者之间的一个较大值

外边距的折叠

/*

​ 垂直外边距的折叠

​ -相邻的垂直方向外边距会发生重叠现象

​ -兄弟元素

​ -兄弟元素间的相邻垂直外边距会取两者之间的一个较大值

​ -特殊情况:

​ 如果相邻的外边距一正一负,则取两者的和

​ 如果相邻的外边距都是负值,则取两者中绝对值较大的

​ -兄弟元素之间的外边距的重叠,对于开发是有利的,所以我们不需要进行处理

​ -父子元素

​ -父子元素间相邻外边距,子元素的会传递给父元素(上外边距)

​ -父子外边距的折叠会影响到页面的布局,必须要进行处理

*/

注:垂直方向才有折叠,magin的水平不折叠,要加几百是几百。

相关文章
|
8月前
|
前端开发
通过HTML+CSS实现折叠样式完整代码
通过HTML+CSS实现折叠样式完整代码
|
9月前
|
前端开发
Day02 了解Html+CSS的学习内容Css属性 内边距 外边距呀 边框 选择器 实操(三)
Day02 了解Html+CSS的学习内容Css属性 内边距 外边距呀 边框 选择器 实操(三)
57 0
|
9月前
|
前端开发
Day02 了解Html+CSS的学习内容Css属性 内边距 外边距呀 边框 选择器 实操(二)
Day02 了解Html+CSS的学习内容Css属性 内边距 外边距呀 边框 选择器 实操(二)
165 0
|
9月前
|
前端开发
Day02 了解Html+CSS的学习内容Css属性 内边距 外边距呀 边框 选择器 实操(一)
Day02 了解Html+CSS的学习内容Css属性 内边距 外边距呀 边框 选择器 实操(一)
164 0
html+css实战104-外边距
html+css实战104-外边距
89 0
html+css实战105-清除默认的内外边距
html+css实战105-清除默认的内外边距
193 0
html+css实战110-外边距问题
html+css实战110-外边距问题
74 0
html+css实战110-外边距问题
html+css实战111-行内元素的垂直外边距
html+css实战111-行内元素的垂直外边距
129 0
|
前端开发 容器
关于html元素Css样式设置的一点心得(特别是与位置有关的,还有外边距、内边距有关的那些)
关于html元素Css样式设置的一点心得(特别是与位置有关的,还有外边距、内边距有关的那些)
101 0
关于html元素Css样式设置的一点心得(特别是与位置有关的,还有外边距、内边距有关的那些)
html 锚点定位偏移 外边距增加
html 锚点定位偏移 外边距增加
299 0