獲取圖像垂直調整

Question

我設法讓圖像尊重容器的最大寬度，但是當我嘗試使用max-height做同樣的操作時，圖像只能在底部切掉。怎麼了？

http://jsfiddle.net/HsPtp/7/

Answer 1

您需要的IMG風格「高度」和「寬度」設置爲100％

#post_holder img{ 
    width:100%; 
    height:100%; 
} 

然後通過調整包裝div的大小控制它的尺寸。

#post_holder{ 
    border:1px solid red; 
    width:50px; 
    height:300px; 
} 

我給包裝div一個紅色的邊框只是爲了看它的大小。 我在jslint.com中創建了一個示例http://jsfiddle.net/CQyHJ/

Answer 2

這是因爲你有你的形象在div有其他的東西在它上面的圖片，使該分區的100％高度比你有圖像更多的空間。