css - 扩展 div

Question

我的页面结构如下：

当我在第二个 div 中加载图像时，只有内部 div 被扩展，父级没有。这很烦人，因为父 div 周围都有一个边框。但是 child2 div 在父级之外延伸到它上面。两者都设置为相对并且将 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，然后添加display: inline-block#parent

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

演示

Answer 2

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