科技密码
记录网络点滴生活

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

源代码:

<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) 打赏
猛牛哥原创:科技密码 » DIV嵌套引起margin-top外移的问题

相关推荐

  • 暂无文章

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏