为什么在这两个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 {明确：两者;}

这将让你的差距显示在两者之间。