前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >DIV嵌套引起margin-top外移的问题

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

作者头像
用户2135432
发布2023-10-18 19:05:51
800
发布2023-10-18 19:05:51
举报
文章被收录于专栏:猛牛哥的博客猛牛哥的博客

源代码:

代码语言: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。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015-08-07 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档