上边距不起作用

Question

抱歉，我是CSS的新手。我有以下html：

<div class="box-A" >Box A is here</div>
 <div class="box-B" >Box B is here</div>

我试图将以下css应用于它：

.box-A{
    background-color: red;
    padding: 30px;
    margin: auto;
    border: 13px solid green;
    margin-bottom: 40px;
}

.box-B{
    background-color: blue;
    padding: 40px;
    margin-top: 140 px;
}

对于box-A，当我将margin-top: 140 px;应用于box-B时，它可以正常工作。我希望在2个方框之间看到180px左右的边距。 但没有任何反应。你能告诉我为什么margin-top不起作用吗？

Answer 1

不要在px和数字之间使用空格。

.box-B{
    background-color: blue;
    padding: 40px;
    margin-top: 140px;
}

Answer 2

关于w3 schools css margin-top property它可能会发生，只接受两个值中的最大值（顶部和底部）。

  

保证金崩溃。元素的顶部和底部边距有时会折叠成一个边距，该边距等于两个边距中的最大边距。   这不会发生在水平边缘（左和右）！只有垂直边距（顶部和底部）！