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

Question

我的情况如下：我有显示图像的页面，但有时候它太小了，所以我需要把它放大。我使用CSS Transform来做到这一点并且工作正常。

问题是父DIV的大小没有增加，并且页面中有空间可以这样做！

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

所以，我设法复制了一下我在这里谈论的内容：http://jsfiddle.net/viniciuspaiva/7jJXQ/

点击＆＃34;缩放＆＃34;按钮，我希望div增长，下面的寻呼机下降。但我也希望页面按原样加载，寻呼机位于顶部。希望它清楚。

如您所见，我在页面上使用bootstrap。缩放按钮只是为图像添加了一个类：

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

这是约瑟夫梦想家实施的一个例子。看看here。它仅依赖于设置display: block;和width: 100%;。