絕對定位圖像div的100％高度

我有一個絕對定位圖像的div。但我想讓高度變得動態，讓它顯示圖像。現在，div忽略圖像並將摺疊爲文本的內容。我怎樣才能讓div顯示整個圖像？被絕對定位絕對定位圖像div的100％高度

<div style="position:relative; height:auto"> 
    <img style="position:absolute; top:100px; left:100px;"/> 
</div>

2013-12-21 mozgras

你可以創建一個jsfiddle嗎？ –

爲什麼在div中使用絕對定位的圖像？消除這一點，該div將自動調整其高度以適應其內容。如果您正在尋找填充圖片或不填的圖片，有更好的方法去解決這個問題。否則，您可以使用JavaScript獲取圖像尺寸並動態調整div的大小。 – Jesse

我在html編輯器中使用這種技術，以便用戶可以拖動圖像並將其移動。 – mozgras

元素被從正常流動除去。這意味着所有元素都會忽略它，就好像它不存在一樣。要解決您的問題，您需要使用JavaScript來獲取圖像的高度並相應地調整div的高度。

2013-12-21 19:23:26 MultiplyByZer0

回答