フローティング div に問題があります。このサイトでは、問題を示すデモを見ることができます。すべての画像を 1 行に表示するギャラリーがあります。残念ながら、すべての画像が以下に表示されています。各スライド ラッパーは相対的に配置され、指定された高さと幅があり、フロートも左に設定されています。かなり標準的なもののように見えますが、この場合はうまくいきません:(。
すべてのコードはサイトにバンドルされているため、ここに投稿するよりも、Web インスペクターで確認することをお勧めします。しかし、誰かが気にするなら、ここにいくつかのコードを提供できます:)
ご協力いただきありがとうございます
あなたの問題はフローティングではありません。それは問題なく、float:left である必要があります。
しかし、すべての画像を左から右にするには、より広い親要素が必要です。あなたの場合、これを変更してみてください:
<div class="sGalleryWrapper" style="top: 90px; height: 576px;"></div>
これに：
<div class="sGalleryWrapper" style="top: 90px; height: 576px; width: 10000px;"></div>
助けるべきです。10000px 幅は作り話です。十分な量を確認するには、整列しようとしているすべての div の合計幅を計算します。
それらがすべて幅 500px で、10 個あるとしましょう。div に余白がない場合は、5001px (1 つ追加) で十分です。マージンがある場合は、それらも追加します。