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>

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

Answer 1

overflow: auto将在需要时提供 div 滚动条。

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

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

参考 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>