2013-02-23 90 views
1

有沒有辦法阻止父div改變其大小時,其他內容被附加在其中。如何防止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> 

的第二個div後創建父div的高度變成245 + 173,但我需要修復它的大小,從而無論是在它補充說,它的大小也不會改變。

+0

除非你使用像IE6父'div'不應該得到任何比你有你'width'和'height'屬性指定什麼大。 – powerbuoy 2013-02-23 12:48:09

回答

-1

檢查http://jsbin.com/anides/1/edit

試試這個,做出的唯一改變是

  • 寬度最大:220px; &
  • overflow:auto;

代碼

<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> 
+0

身高工作partiually。但寬度現在變大了。在左邊的圖片是我得到的,正確的一個我需要的http://s7.postimage.org/kcbs922kb/Untitled.jpg – user2102266 2013-02-23 13:23:00

1

overflow: auto將在需要時給出div滾動條。

overflow: hidden將在需要時剪輯內容。

overflow: visible是標準設置,並不會限制div的大小。

Reference at MDN