2

私が抱えている問題はここで見つけることができます：

http://jsfiddle.net/boblauer/5uVrK/

Chromeで見ると、右にスクロールすると、最後の緑色のボックスの右端ですぐに停止することがわかります。ただし、FFとIE（他の方法は試していません）では、最後の緑色のボックスを少し超えて正しくスクロールします。

.lane-containerの幅は2000pxで、ボックスの幅は1700pxである必要があるため、最後のボックスの右側に300px余分にあるはずですが、Chromeではありません。

Chromeの動作が他のChromeと異なる理由、およびChromeを回避する方法についてのアイデアはありますか？

4

1 に答える 1

3

表示をfloatではなくinline-blockに設定します：leftで問題が修正されました。フローティングブロックレベルの要素は、DOMフローからそれらを取り除きます。これが機能しない理由は実際には説明されていませんが、これは回避策です。私はいつも左に浮かぶよりもインラインブロックを好みます。

編集

もう少しjsfiddlingした後、chromeはコンテナdivの全幅を表示していないようです。これは、空であるためです。レーンコンテナの周囲に境界線を追加するとすぐに期待どおりに機能しますが、内側のdivを左にフロートしているため、それらはdomフロートにはなく、レーンコンテナの高さは0のように見えます。

于 2012-10-02T21:18:49.387 に答える