2013-02-15 70 views
13

最近我有邊緣問題,但我無法解決它。 我的HTML看起來像這樣:CSS邊距重疊,而不是給出距離

<div class="info-box">Some text</div> 
<div class="form">...</div> 

CSS:

.info-box{ 
    border-radius: 5px; 
    border: 1px solid red; 
    margin-bottom: 20px; 
} 

.form{ 
    margin-top: 20px; 
} 

而問題是,利潤相互重疊,而不是給予40像素距離的兩個元素之間。

我的問題是:爲什麼?我發現添加到.info-box溢出:隱藏固定這個,但也許有更好的辦法?

+0

你可以發佈更多,它們的容器等CSS和HTML。 – 2013-02-15 09:05:10

回答

37

再次 - 您必須瞭解利潤率的解釋方式。保證金是指其他人的頭寸不包括其利潤。你無法總結利潤。

How margins work

+1

是的,但爲什麼當我添加溢出:隱藏到.info-box它工作?我認爲填充是可以總結的? – adi86 2013-02-15 09:13:55

+0

@ user1785951 - 我試着用你的建議,但它對我沒有用:)是的,填充可以加在一起,因爲它們在塊元素內 - 它們指的是包含元素而不是兄弟。但是你必須記住它們不能作爲利潤。 – Kamo 2013-02-15 09:18:03

+0

好的我知道很多 – adi86 2013-02-15 09:20:32