隨着圖像變大，增加父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%; 。