爲什麼在這兩個div之間沒有插入垂直空間？

Question

在下面的代碼中，我期望在div a和div b之間看到15px的垂直空間。爲什麼我看不到任何空間？編輯：許多人不回答這個問題。我不想得到一些工作，我想要解釋我看到的行爲。

<div class="a"> 
    <span> lkjjj </span> 
</div> 

<div class="b"> 
    <span> lkj lkjl kjlj l </span> 
</div> 



.a { width: 50px; border: 1px solid gray; float: left; } 

.b { 
    margin: 15px 0 0 0; 
    clear: both; 
    overflow: hidden; 
    border: 1px solid gray; 
} 

這裏是一個jsfiddle來說明。

http://jsfiddle.net/nUNM6/

Answer 1

您已漂浮和利潤率崩潰

這裏有三個例子相鄰
http://jsfiddle.net/nUNM6/6/

檢查仔細在Firefox的Firebug或Chrome元督察

---

的的 .b保證金

編輯
在jsfiddle中改變了一些東西

Answer 2

在.a，你已經宣佈float:left。這將導致它流過.b的邊際。 http://jsfiddle.net/nUNM6/1/

Answer 3

沒有空間，因爲您在「a」上使用float:left。

Answer 4

a塊處於浮動狀態，當計算出b的邊距時，該塊會導致它計爲空白區域。如果您將保證金放在a的底部，它將起作用。

Answer 5

清除float:left和您的保證金將工作

Answer 6

您可以將兩個div之間的代碼，& B：

<div class="clear"></div> 

這個CSS：

.clear {明確：兩者;}

這將讓你的差距顯示在兩者之間。