Как в CSS задать background для div, без указания фиксированного height?

Question

[tostername]

Блочный DIV контейнер содержит 2 других DIV со свойствами float, не могу понять, как установить background для контейнера без указания фиксированного значения height.

#container
{
  background: blue;
  display: block;
  /* height: 50px; */
}
#left-block {float: left;}
#right-block {float: right;}

<div id='container'>
  <div id='left-block'>Left Content</div>
  <div id='right-block'>Right Content</div>
</div>

https://jsfiddle.net/hqprgL4x/

Как это сделать правильно?

Answer 1

[iBird Rose]

overflow: hidden для container
либо внизу див с clear:both

Answer 2

[Антон]

Вот так, к примеру: https://jsfiddle.net/hqprgL4x/2/