html - 上边距不起作用

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;
}

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

Answer 1

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

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