DIV嵌套引起margin-top外移的问题

2023-10-18 19:05:51 浏览数 (2)

源代码:

代码语言:javascript复制
<div class=”w”>
 <div class=”tit”><div style=”margin:10px 15px; height:20px; line-height:20px;”>猛牛软件</div></div>
 <div class=”nam”>贝贝碰碰车自动挂机</div>
 </div>

因为外层div的padding为0,内层div的margin转移到外层,原因是没有haslayout。

解决方法:

1:设置父容器的的样式加上:overflow:hidden。 2:把对父容器的margin-top外边距改成padding-top内边距。 3:给父容器div加样式, padding-top: 1px。 4:给父容器div加样式,position: absolute。

0 人点赞