为什么当我在另一个div上放置一个保证金顶部时，BODY也会接受它？

Question

我不明白为什么当我把margin-top放在class =“container”时，margin-top是所有div class =“navbar-fixed z-depth-0 blue”的标记

.navbar-fixed {
    height: 200px;
}

.col.s12.a {
    left: 0;
    right: 0;
}

#cnt{
    margin-top:50px; 
}

    <div id="nav" class="navbar-fixed z-depth-0 blue">
        <div id="cnt" class="container">
            <div class="row">
                <div class="col l6" style="border:1px solid black">
                    <h4>aaa</h4>
                </div>
                <div class="col l6" style="border:1px solid black">
                    <h4>ss</h4>
                </div>
            </div>
        </div>
    </div>

Answer 1

你拥有的是collapsed margins。在特殊情况下，您可以在#nav上添加填充而不是#cnt上的边距：

#nav { padding-top: 50px; }