如何防止div越来越大

问题描述：

有没有办法阻止父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，但我需要修复它的大小，从而无论是在它补充说，它的大小也不会改变。

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

答

检查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>

身高工作partiually。但宽度现在变大了。在左边的图片是我得到的，正确的一个我需要的http://s7.postimage.org/kcbs922kb/Untitled.jpg – user2102266 2013-02-23 13:23:00

答

overflow: auto将在需要时给出div滚动条。

overflow: hidden将在需要时剪辑内容。

overflow: visible是标准设置，并不会限制div的大小。

Reference at MDN

如何防止div越来越大

相关推荐