Html 如何防止div变大
当父div中附加了其他内容时,是否有方法停止父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 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>