0

JSFiddle

理想的には、左側にサムネイルの列があり、右側に大きな画像があり、両方のセクションが上部の垂直軸に沿って配置されている画像ギャラリーを作成しています。これを行うために、サムネイルと大きな画像をそれぞれ左と右にフロートさせ、考えられるすべての組み合わせclear:bothを試しました。overflow:hidden何か案は?

上部に JSFiddle を含め、下にイメージを含めて、何をしようとしているのかを示します。

理想

4

2 に答える 2

1

HTMLdiv.large-imageに前に入れてください。div.thumbnail

なぜこれが起こるのか正確にはわかりません。この記事では簡単に説明します。答え/理由はおそらくCSSフロート仕様のどこかに埋もれています。

于 2012-08-15T19:59:09.430 に答える
1

ギャラリーを表示する方法と、画像を整列する方法を示すために、クールでシンプルなJSFiddleを作成しました。

質問の JSFiddle で使用した要素の一部にはdisplay:inline-block、ギャラリー要素の CSS でオーバーライドする必要がある可能性のあるプロパティやその他のものがあるため、コードでこの JSFiddle を使用する場合は注意が必要です。これはブラウザの互換性のためでもあります。

于 2012-08-15T19:52:08.897 に答える