理想的には、左側にサムネイルの列があり、右側に大きな画像があり、両方のセクションが上部の垂直軸に沿って配置されている画像ギャラリーを作成しています。これを行うために、サムネイルと大きな画像をそれぞれ左と右にフロートさせ、考えられるすべての組み合わせclear:both
を試しました。overflow:hidden
何か案は?
上部に JSFiddle を含め、下にイメージを含めて、何をしようとしているのかを示します。
ギャラリーを表示する方法と、画像を整列する方法を示すために、クールでシンプルなJSFiddleを作成しました。
質問の JSFiddle で使用した要素の一部にはdisplay:inline-block
、ギャラリー要素の CSS でオーバーライドする必要がある可能性のあるプロパティやその他のものがあるため、コードでこの JSFiddle を使用する場合は注意が必要です。これはブラウザの互換性のためでもあります。