ここにフィドルがあります: http://jsfiddle.net/Kd4De/2/。
コンテンツを 3 回複製しましたが、ご覧intoのとおり、各複製で互いにスタックしているようです。私の意図した効果は、各複製が前のものとまったく同じように見えるようにすることです (すべて同じ幅を持ちます)。
どちらか一方のみをフローティングしているためだと感じていますdivが、これは非フローティングの流体幅を確保するために必要ですdiv。
流動性を維持しながら各重複間の一貫性を確保するためにこれを修正するにはどうすればよいですか (つまり、幅を.dynamo_shop_holder動的90%に変更すると、コンテンツが動的に収まるように変更されますか? JavaScript をまったく使用したくありません。
ありがとう！
overflow: hidden;
オーバーフロー属性は、コンテナーの境界を超えるコンテンツを表示する方法をブラウザーに指示します。一部のブラウザーは、コンテンツを奇妙にレンダリングし、親 div に高さが設定されているか、空の場合は高さがないと想定し、子またはフローティング div がケース スタックの外側およびケース スタックに表示される原因となります。オーバーフローの非表示は、コンテナーの外側に流れるものをすべて非表示にすることになっていますが、このような場合、その親コンテナーがその中にあるべきコンテンツを認識して正しく表示できるようにします。
jsfiddle が表示されないため、ディスプレイがどのように見えるかはわかりませんが、overflow: hidden または overflow:auto を使用すると、div が含まれているコンテンツを正しく処理できるようになります。