Родительская высота Div не увеличивается в зависимости от ребенка div?

Question

Родительский div не регулирует его высоту относительно высоты ребенка. Есть ли лучший способ сделать это только в CSS? Если не любой другой.

Вот Fiddle!!

#view_container { 
    z-index: 9; 
    background: cyan; 
    clear: both; 
    width: 463px; 
    margin: auto; 
    position: relative; 
} 

Answer 1

Добавить overflow:hidden в #view_container

#view_container{ 
    overflow:hidden; 
} 

Updated fiddle here.

Answer 2

вы также можете перейти на следующий код, который может быть альтернативой. Добавьте класс, называемый clearfix, в свой div и примените следующий css.

.clearfix:after { 
    content: " "; /* Older browser do not support empty content */ 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both; 
}