0

わかりましたので、これは数時間私を悩ませていました。これを解決できないだけでなく、なぜこれを行っているのか理解できません（公平にするために午前6時です@_@）。とにかく、フッターを連続したシンプルな色にしようとしています。フッターのコンテンツは、さまざまな幅のいくつかの垂直ボックスで構成されています。これを達成するために、リストで順序付けられていないリストを使用しています。

http://jsfiddle.net/WTABE/

ブラウザが最大になっているときはすべて問題ありませんが、サイズを変更すると水平スクロールバーが表示され、右にスクロールするとページが切り取られ、さらに右に大きな空白が表示されます.

#footerContect ul {} で幅を削除すると、この問題は解消されますが、列自体が中央に配置されません。また、li> コンテンツ自体の個々の幅を調整しても、空白のサイズにはほとんど影響しません。そして、li> コンポーネントを 50px の幅に縮小し、UL の幅を 500px に縮小しても (何が起こるかを確認するために実行しました)、空白はまだそこにあります!

li> のマージンとパディングをゼロにしてみましたが、それらはすべて一緒につぶれましたが、空白が残っているため、ここで何かが欠けているに違いありません。

4

1 に答える 1

0

わかった。それで、フロートと関係があることがわかりました。フロートを次から取り出しました。

footerContent #quicknav li {float:none; 幅:150px;} </h1>

そして今、それはクロムで完璧に見えます.

しかし、IE と Firefox は本当に問題を引き起こしています。ブラウザのサイズを調整すると、フッターが調整されて動かなくなります... 水平バーを右にスクロールすると、フッターを左に置いたままにします。左に。そして、奇妙な余分な空白が再び発生しています。これは間違いなく、より多くのフロートに関係しています (すべての要素に境界線を配置しようとし、ほとんどの空白が消えるまで一度に 1 つの DIV セクションを削除しました)。

この男はフロートを使用しませんでしたが、それが私のブラウザーが IE または firefox でどのように見えるかです: css white-space:nowrap 水平スクロールのバグ

于 2012-09-23T20:30:31.007 に答える