CSS - растягивание блока по содержимому не работает - если внутри float - РЕШЕНИЕ
Primary tabs
Чтобы родительский блок растягивался по вложенным в него "потомкам", обладающим выравниванием (и одновременно - требованием к "обтеканию") 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
- Log in to post comments
- 2681 reads