CSS - растягивание блока по содержимому не работает - если внутри float - РЕШЕНИЕ

Чтобы родительский блок растягивался по вложенным в него "потомкам", обладающим выравниванием (и одновременно - требованием к "обтеканию") float:, можно использовать такой вот продвинутый приём с определением специального класса с псевдоэлементом, а именно, для верстки типа:

<div class="clearfix">
    <div style="float: left;">Div 1</div>
    <div style="float: left;">Div 2</div>
</div> 

Определяется CSS класс:

.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

Подробности и другие решения см. здесь:
stackoverflow.com/questions/218760/how-do-you-keep-parents-of-floated-elements-from-collapsing