css - div の拡張

Question

私のページは次のように構成されています：

2 番目の 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;
}

デモ

Answer 2

<div style="width:auto">親divで試してください