html - divが大きくなるのを防ぐ方法

Question

他のコンテンツが追加されたときに親divを停止してサイズを変更する方法はありますか？

<div style="width:220px;height:245" >''      
 <img src="images/pano_doc.png" style="width:220px;height:245"/>"

 <div style="position:relative;width:119px;height:173px;background-color:#0F3">     
 </div>      
</div>

2番目のdivが作成された後、親divの高さは245 + 173になりますが、サイズを修正して、追加されたものが何であれ、サイズが変更されないようにする必要があります。

Answer 1

overflow: auto必要に応じてdivスクロールバーを表示します。

overflow: hidden必要に応じてコンテンツをクリップします。

overflow: visibleは標準設定であり、divのサイズを制限しません。

MDNでの参照

Answer 2

http://jsbin.com/anides/1/editを確認してください

これを試してください、行われた唯一の変更は

• width-max：220px; ＆
• オーバーフロー：自動;

コード

<div style="width-max:220px;height:245;overflow:auto;" >      
<img src="images/pano_doc.png" style="width:220px;height:245"/>

<div style="position:relative;width:119px;height:173px;background-color:#0F3">     
</div>      
</div>