为什么顶级＆amp;底部填充来浮动元素？

Question

一个疑问：

我给float：left为div并在div中放入另一个块元素，如h3。然后它给出填充顶部和底部。如果我删除浮动：左边它不会给填充。

HTML

<div class="one"><h3>Test with Float</h3></div>
<div class="clear">&nbsp;</div>
<div class="two"><h3>Test without Float</h3></div>

CSS

.one{
    background: grey;
    float:left;
    width: 100%;
}
.two{
    background: #DAD5C1;
      width: 100%;
}
.clear{
    clear: both;
}

http://jsfiddle.net/7yh3kuea/

Answer 1

它不是填充，但它是在非浮动元素中忽略的边距。

更多信息是here。