嵌套div里子元素div使用margin可能遇到的问题

当子div在嵌套div内设置margin时,可能会引起父元素一起移动。为避免此问题,可以为父元素添加边框属性,如`border: 1px solid transparent;`,或者设置`overflow: hidden;`,另外,设置有效的`padding`也能解决问题。
摘要由CSDN通过智能技术生成

在使用嵌套div时,如果子元素设置了margin的属性,有时会使父元素一起移动,例如

 

 可以看到两个div一起向下移动了,并没有达到子div在父div里面向下移动 50px的效果,要解决这种情况,可以给父元素增加一个边框的属性

比如

 

 可以看到效果出来了

还可以给父元素的样式代码里设置一个overflow:hidden,一样可以解决这个问题

 

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值