css篇:外边距嵌套塌陷问题

时间：2021-03-15 10:55:41 阅读：0 评论：0 收藏：0 [点我收藏+]

一、外边距嵌套塌陷问题

当想要调节父级元素里面的子级元素时候，经常会出现带着父级元素一起下调的情况。

那么该如何解决这种情况呢？有以下几种办法。

第一种:给父级元素添加border

第二种:给父级元素添加内边距

第三种:给父级元素添加属性overflow:hidden

第四种:给父级元素设置浮动

二、外边距合并相邻块级元素问题

原因：当相邻两个盒子他们外边距合并会选择两者更大的值取。

上下两个盒子：

div1{

margin-bottom:100px;

}

div2{

margin-top:200px;

}

这时候，两个盒子之间的margin是200px，而不是300px；

原文地址：https://www.cnblogs.com/evanjiang/p/14527138.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行