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

时间:2021-03-15 10:55:41   收藏:0   阅读:0
一、外边距嵌套塌陷问题
当想要调节父级元素里面的子级元素时候,经常会出现带着父级元素一起下调的情况。
那么该如何解决这种情况呢?有以下几种办法。
第一种:给父级元素添加border 
第二种:给父级元素添加内边距
第三种:给父级元素添加属性overflow:hidden
第四种:给父级元素设置浮动
二、外边距合并相邻块级元素问题
原因:当相邻两个盒子他们外边距合并会选择两者更大的值取。
上下两个盒子:
div1{
margin-bottom:100px;
}
div2{
margin-top:200px;
}
这时候,两个盒子之间的margin是200px,而不是300px;
评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!