Расширение divs

Question

моя страница структурирована следующим образом:

Когда я загружаю изображения во 2-й div, только внутренний div расширен, родительский нет. это довольно беспокоит, так как у родительского div есть граница вокруг arround. но 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 style="width:auto"> на родительском DIV