Html 如何防止div变大

Html 如何防止div变大,html,static,size,Html,Static,Size,当父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 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,但我需要固定其大小,以便无论在其中添加了什么,其大小都不会改变。

溢出:需要时,auto
将提供div滚动条

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

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

检查

试试这个,唯一的改变是

  • 最大宽度:220px&
  • 溢出:自动
代码



除非您使用类似IE6的工具,否则父级
div
不应大于您指定的
width
height
属性。对于高度部分工作。但现在宽度变大。在图片左侧是我得到的,右侧是我需要的
<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>