首页 > Web开发 > 详细

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

时间:2021-03-13 09:00:49      阅读:37      评论:0      收藏:0      [点我收藏+]
一、外边距嵌套塌陷问题
当想要调节父级元素里面的子级元素时候,经常会出现带着父级元素一起下调的情况。
那么该如何解决这种情况呢?有以下几种办法。
第一种:给父级元素添加border 
第二种:给父级元素添加内边距
第三种:给父级元素添加属性overflow:hidden
第四种:给父级元素设置浮动
二、外边距合并相邻块级元素问题
原因:当相邻两个盒子他们外边距合并会选择两者更大的值取。
上下两个盒子:
div1{
margin-bottom:100px;
}
div2{
margin-top:200px;
}
这时候,两个盒子之间的margin是200px,而不是300px;

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!