适合容器高度的图像

Question

我使用以下代码构建水平滚动库。我希望高度超过600像素的图像适合他们的容器（展览幻灯片）。如果我使用height属性而不是img标签中的最大高度，那么图库布局会停止响应调整大小。

<div id="exhibit-slides"> 
    <div class="exhibit-slide"> 
    <img src="http://01.jpg" alt="" /> 
    </div> 
    <div class="exhibit-slide"> 
    <img src="http://02.jpg" alt="" /> 
    </div> 
    <div class="exhibit-slide"> 
    <img src="http://03.jpg" alt="" /> 
    </div> 
    <div class="exhibit-slide"> 
    <img src="http://04.jpg" alt="" /> 
    </div> 
</div> 

#exhibit-slides { 
    overflow:auto; 
    width:10000px; 
} 

.exhibit-slide { 
    float:left; 
    margin-right:20px; 
    max-height:600px; 
} 

img { 
    width:auto; 
    max-height:100%; 
} 

任何想法？

在此先感谢

Answer 1

试试这个：

.exhibit-slide { float:left; margin-right:20px; height:600px; **overflow-y:hidden** }