上マージンが動作しません

Question

申し訳ありませんが、私はCSSの初心者です。私は余裕を見ることを期待margin-top: 140 px;box-Bに適用する一方際

.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のために正しく動作します。私はそれに次のCSSを適用しようとした

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

と：私は、次のHTMLを持っています2箱の間に約180pxです。 しかし何も起こりません。 margin-topが効果を発揮しない理由を教えてください。

Answer 1

pxと数字の間にはスペースを入れないでください。 w3 schools css margin-top propertyに係る

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

Answer 2

両方の値（上下）の唯一最大のが受け入れられたことを、発生する可能性があります。

マージンが崩壊します。要素の上下のマージンは、2つのマージンのうち最大のマージンに等しい1つのマージンに折り畳まれることがあります。 これは水平余白（左右）では発生しません！垂直マージン（上下）のみ！