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

Question

我的情况如下：我有显示图像的页面，但有时它太小了，因此我需要将其放大。 我使用CSS Transform来做到这一点，并且效果很好。

问题在于父DIV的大小不会增加，并且页面上有空间可以这样做！

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

因此，我设法复制了我在这里所说的内容： http : //jsfiddle.net/viniciuspaiva/7jJXQ/

当您单击“缩放”按钮时，我希望div增大，而下面的寻呼机下降。 但是我也希望页面按原样加载，并且将寻呼机放在顶部。 希望清楚。

如您所见，我在页面上使用了引导程序。 缩放按钮仅向图像添加一个类：

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

谢谢！

Answer 1

尝试以其他方式进行。 使图像适合div，然后调整div的大小。

将此样式添加到图像（假设.myimg是类）。

.myimg {
  display: block;
  width: 100%;
}

Answer 2

在关闭当前div之前，请尝试将其放置在当前div的末尾。 它将迫使div扩展到内容。

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

因此，您的div打开，里面的内容，然后添加上面的代码，然后关闭div。

Answer 3

这是梦想家约瑟夫（Joseph the Dreamer）的实现示例。 在这里查看 。 它仅依赖于设置display: block; width: 100%; 。