【WEB】div 解决margin塌陷

CSS 专栏收录该内容
2 篇文章 0 订阅
  • 代码

  <div class="wrap">

<div class="content">

</div>

 </div>

  • class

  .wrap{

background-color:red;

width:400px;

height:400px;

margin-top:20px;

  }

  .content{

background-color:red;

width:100px;

height:100px;

margin-top:40px;

  }

如上代码内联margin-top失效,如不使用特殊方法会造成margin 塌陷。
解决的办法:
1.overflow:hidden 溢出隐藏
2.display:inline-blok 融合行内于块级
3.position:absolue 绝对定位
可根据自己需求选择。

 

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值