作者:ougq | 来源:互联网 | 2020-08-19 04:26
解决margin塌陷的问题有以下四种方法,方法一给父元素进行相对定位;方法二display:inline-block;方法三float;方法四overflow:hidden
本文章分享的是有关margin塌陷的问题以及解决margin塌陷的方法,具有一定的参考价值,希望对大家的学习有所帮助。
margin是设置元素的外边距,正常情况下设置margin值时应该是父元素相对于浏览器定位,子元素相对于父元素定位而我们常常碰到无论怎么给margin设置值时都毫无反应,今天就和大家分享解决这个问题的方法。
html代码
css代码
.box1{
width:200px;
height:200px;
background-color:rgb(16,128,214);
}
.box2{
width:100px;
height:100px;
background-color:rgb(128,227,248);
}
效果图
总结:以上就是本篇文章的内容了。希望对大家有所帮助。
以上就是如何解决margin塌陷问题的详细内容,更多请关注 第一PHP社区 其它相关文章!