问题描述:父盒子套子盒子,子盒子的margin无效
如图:给蓝色的盒子添加margin无效,这就是外边距塌陷问题。
解决办法:
1.给父盒子添加border
.father{
border: 1px solid transparent;
}
2.给父盒子添加padding
.father{
padding: 1px;
}
3.给父盒子添加overflow
.father{
overflow:hidden;
}
问题描述:父盒子套子盒子,子盒子的margin无效
如图:给蓝色的盒子添加margin无效,这就是外边距塌陷问题。
解决办法:
1.给父盒子添加border
.father{
border: 1px solid transparent;
}
2.给父盒子添加padding
.father{
padding: 1px;
}
3.给父盒子添加overflow
.father{
overflow:hidden;
}