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>

在第二个div创建后，父div的高度变为245 + 173，但是我需要修改它的大小，所以无论添加什么，它的大小都不会改变。

Answer 1

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

overflow: hidden会在需要时剪切内容。

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

Reference at MDN

Answer 2

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

试试这个，唯一的改变是

宽度最大：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>

如何防止div变大

2 个答案: