有CSS的奇怪问题

Question

这是CSS

#content {
    margin-left:190px;
    margin-right: 10px;
    overflow: auto;
}

Firefox＆amp;歌剧结果

Chrome结果

尝试手动将#content的宽度参数设置为90％。它“固定”了问题。

任何人都可以解释为什么会出现这个问题，我该如何解决？

注意：左侧栏的Css是

#left {
    float:left;
    width:180px;
}

Answer 1

我们对您所拥有的代码结构一无所知，请以最少的测试用例制作一个[小提琴] http://jsfiddle.net。

检查你的表是否继承浮动或宽度。

Answer 2

很难说没有看到代码，但如果这些是你正在使用的表，你可能找到答案的一个地方（以及创建一个最小的测试用例）将研究不同的浏览器如何处理表/表css不同。从历史上看，样式表在浏览器之间总是有点不一致。