Почему верхняя и нижняя прокладки приходят в плавающий элемент?

Question

Одно сомнение:

Я даю float: слева для div и поместил еще один элемент блока, такой как h3 внутри div. Затем он добавляет верх и низ. Если я удаляю float: оставил его не давать отступы.

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.