扩展div

Question

我的网页结构如下：

当我在第二个div中加载图像时，只有内部div被扩展，而父级则没有。这是非常麻烦的，因为父div有一个全部的边界。但是child2 div在父母之外延伸。两者都设置为相对，并将最小高度设置为值。页面的简化版本：

    <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上的固定宽度，然后在display: inline-block上添加#parent

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

Demo

Answer 2

在父div上尝试<div style="width:auto">