html - Chromeの一部のウィンドウ解像度でテーブルの幅が完全に拡大しない

Question

次のドキュメントは、Firefox、Opera、Safari、さらにはIE6以降（！）であるはずですが、Chromeではそうではありません-いくつかの解像度では（幅が不均一だと思いますか？）http://jsfiddle.net/4BEvL/1/

問題は、メニューがコンテンツdivほど拡張されないため、端にギャップが残ることです。

代わりにdivにMAX-widthを設定すると、#container奇妙なことに問題が修正されますが、それは私が望む結果ではありません。その上、それはmax / min- * CSSルールをサポートしていないので、IE6（私はまだサポートをやめていません）ではかなり悪く見えます。

どういうわけか（CSSハックを使用せずに）Chromeでこれを修正できますか？

Answer 1

divに追加display:table;して修正しました。#container

（しかし、それは私のサイトのいくつかのことを妥協します）。

Answer 2

テーブルは、本体の幅の85％に設定されている#containerの内側にあります。したがって、テーブルを100％の幅に設定すると、テーブルはその85％までしか拡張できません。パーセンテージは常に、配置された親のパーセントであり、この場合は#containerです。ただし、コンテナの幅も800ピクセル以上に制限されているため、幅を小さくしてもコンテナはそれ以上縮小しません。