开发者社区> 问答> 正文

子标签的margintop为什么不能撑开父标签的高度?

<div class="a">
    <div class="b">bbbbbbb</div>
</div>

body {
    padding: 0;
    margin: 0;
}
.a {
    background: red;
}
.b {
    background: blue;
    margin-top: 10px;
}

http://jsfiddle.net/nhk6g1qx/1/点击预览
父标签高度没有被撑开但留出了10像素的高度

而给a增加padding-top:10红色背景顶部出现了20的高度
http://jsfiddle.net/nhk6g1qx/4

展开
收起
杨冬芳 2016-06-02 11:30:36 2422 0
1 条回答
写回答
取消 提交回答
  • IT从业

    子和父的 margin 发生了折叠,可设置父元素 overflow:hidden

    2019-07-17 19:24:27
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载