表格的宽度在Chrome中的某些窗口分辨率上没有完全展开

Question

以下文档看起来应该在Firefox，Opera，Safari甚至IE6及更高版本（！）中，但不是Chrome - 在某些分辨率下（我猜的宽度不均匀？）http://jsfiddle.net/4BEvL/1/

问题是菜单没有扩展到内容div那么多，所以它会在边缘留下空隙：

设置#container div的MAX宽度反而奇怪地修复了问题，但这不是我想要的结果;此外，它在IE6中看起来很糟糕（我还没有放弃支持），因为它不支持max / min- * CSS规则。

我能否以某种方式为Chrome修复此问题（不使用CSS黑客攻击）？

Answer 1

我通过将display:table;添加到#container div来修复它。

（但它会影响我网站上的一些内容）。

Answer 2

你的桌子在#container里面，它被设置为身体宽度的85％。因此，将表格设置为100％宽度只会使表格扩展到85％。百分比始终是其定位父项的百分比，在本例中为#container。但是容器也被限制为最小800px宽，因此当你减小宽度时它不会再缩小。