0

次のコードを使用して、水平スクロールギャラリーを作成しています。高さが600ピクセルを超える画像をコンテナに合わせてほしい(展示スライド)。imgタグでmax-heightの代わりにheightプロパティを使用すると機能しますが、ギャラリーレイアウトがサイズ変更に反応しなくなります。

<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%;
}

何か案は?

前もって感謝します

4

1 に答える 1

0

これを試して:

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

于 2013-01-18T18:35:23.950 に答える