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

Question

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

问题是菜单没有像内容 div 那样扩展，所以它会在边缘留下一个间隙：

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

我可以以某种方式为 Chrome 修复此问题（不使用 CSS hack）吗？

Answer 1

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

（虽然它在我的网站上妥协了一些东西）。

Answer 2

你的桌子在#container 里面，它设置为身体宽度的 85%。所以将表格设置为 100% 宽度只会让表格扩大到 85%。百分比始终是其定位父级的百分比，在本例中为#container。但是容器也被限制为最小 800px 宽，因此当您减小宽度时它不会进一步缩小。