根据儿童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

您也可以使用以下代码，这可以是替代方案。在div中添加一个名为clearfix的类，并应用以下css。

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