css - 扩展 div

Question

我的页面结构如下:

当我在第二个 div 中加载图像时，只有内部 div 被扩展，父级没有。这很麻烦，因为父 div 四周都有边框。但是 child2 div 延伸到父级之外。两者都设置为 relative 并将 min-height 设置为一个值。页面的简化版本:

    <div id="parent">
    <div id="child1">

    </div>
   <div id="child2">
       <br/><br/><br/><br/><br/><br/><!--here come the images-->
    </div>
</div>

示例如下:http://jsfiddle.net/TGCPn/1/

我怎样才能让它自动扩展？

Answer 1

尝试移除 #parent 上的固定宽度，然后在 #parent 上添加 display: inline-block

#parent
{
    display: inline-block;
    min-height:100px;
    border:solid 1px;
}

Demo