Как увеличить высоту div зависит от содержимого внутри?

Question

Я вложенными div с, причем большинство будучи float:left; display:block;, как сделать:

<div class="container" style="display:block;"> 
    <div style="float:left; display:block; height:100px;"> 
    <div style="float:left; display:block; height:100px;"> 
</div> 

Я хочу div контейнер, чтобы получить больше, не устанавливая высоту. На данный момент это плоская линия.
Как настроить внутренний div s, чтобы контейнер имел высоту?

TL; DR: В настоящее время можно увидеть 2 внутри div «ы хорошо, но контейнер не является плоской div (не высота).
Как придать ему высоту?

Answer 1

Добавить overflow:hidden в DIV.

Answer 2

У вас есть два варианта:

<div class="container" style="overflow:hidden"> 
    <div style="float:left; height:100px;"> 
    <div style="float:left; height:100px;"> 
</div> 

или

<div class="container"> 
    <div style="float:left; height:100px;"> 
    <div style="float:left; height:100px;"> 
    <div style="clear:left"> 
</div> 

Обратите внимание, что overflow:hidden элементы обтекают вокруг плавающих внутренних элементов. Кроме того, вы можете использовать элемент для очистки float, который также заставит окружающий элемент обернуть его содержимое.

Еще один совет: вам не нужно указывать, что divs - display:block. В HTML есть в основном 2 типа элементов, block и inline. По умолчанию делители block.