开启辅助访问
智能 [热门需求]
或 免费发布需求
快捷导航
返回列表 发新帖

父元素设置高度，子元素设置margin-bottom为何无效

kjp***
时代问答 问答社区
margin转达                                body {                margin: 0;                }                                .d1 {                background-color: #6183F3;                height: 100px;                }                                .da {                background-color: #D60003;                height: 200px;                }                                .db {                width: 200px;                height: 200px;                background-color: #FF8D8F;                margin: 10px;                }                                .dc {                height: 100px;                background-color: #6E0001;                }                                               
                                       
               
               
        da的子元素dd设置外边距之后左右边距和上边距都出现了外边距，但是为何margin-bottom不把dc（深红色）往下移10px，知道办理办法，但是就是想叨教大神们为何会造成这个现象？非常感谢
CSS3Html5
显示全部楼层

免责声明：本内容仅代表回答者见解不代表本站观点，请谨慎对待。

版权声明：作者保留权利，不代表本站立场。

回复

使用道具 举报

上一主题 下一主题

参与会员2

妖***
是不是触发了上下级文本呢
回复

使用道具 举报

职业***
因为db是da的子节点，对子节点margin-top或者margin-bottom会作用到父级上，这就是所谓的margin重叠。
回复

使用道具 举报

可能感兴趣的问答

发新帖
TA的信息
  • 会员所属： 注册会员
  • 认证信息： 邮箱认证手机认证

最新任务

更多 >

最新问答

  • 微信访问
  • 手机APP

优

优秀人才 汇聚时代

快

及时响应 快速匹配

专

专注软件 众包服务

保

信息保障 隐私保护
友情链接 : 时代威客网

  • 微信小程序

  • 新浪微博

  • 手机客户端