Javascript 随着图像变大,增加父div的大小

Javascript 随着图像变大,增加父div的大小,javascript,html,css,Javascript,Html,Css,我的情况如下:我有一个显示图像的页面,但有时它太小了,所以我需要把它放大。我使用CSS转换来实现这一点,效果很好 问题是父DIV的大小没有增加,页面中有足够的空间让它这样做 在父对象上使用溢出对我没有帮助,因为它会裁剪图像或添加滚动条。我需要它成长 因此,我成功地复制了我在这里所说的一些内容: 当你点击“缩放”按钮时,我希望div增长,下面的寻呼机下降。但我也希望页面能够按原样加载,页面上方有寻呼机。希望一切都清楚 如您所见,我在页面上使用引导。缩放按钮只是在图像中添加了一个类: javascr

我的情况如下:我有一个显示图像的页面,但有时它太小了,所以我需要把它放大。我使用CSS转换来实现这一点,效果很好

问题是父DIV的大小没有增加,页面中有足够的空间让它这样做

在父对象上使用溢出对我没有帮助,因为它会裁剪图像或添加滚动条。我需要它成长

因此,我成功地复制了我在这里所说的一些内容:

当你点击“缩放”按钮时,我希望div增长,下面的寻呼机下降。但我也希望页面能够按原样加载,页面上方有寻呼机。希望一切都清楚

如您所见,我在页面上使用引导。缩放按钮只是在图像中添加了一个类:

javascript:var img = $('img.center'); img.addClass('zoom');

谢谢

试试另一种方法。使图像适合div,并改为调整div的大小

将此样式添加到图像中(假设类为
.myimg


在关闭当前div之前,请尝试将其放在当前div的末尾。这将强制div扩展到内容

<div style="clear: both;"></div>


因此,您的div将打开,其中包含内容,然后添加上面的代码,然后关闭div。

以下是梦想家约瑟夫的实现示例。过来看。仅依赖于设置<代码>显示:块和<代码>宽度:100%

来点代码如何我希望图像以实际大小开始,而不是缩放。问题在于缩放
<div style="clear: both;"></div>