CSS - 奇怪的浏览器问题与100％宽度流体布局，为什么？

Question

好吧，所以如果你去看看http://furnace.howcode.com你会看到这个例子。 [该网站正在积极开发，所以请原谅开发者之间的混乱/评论;]]

重新创建问题：单击“最高评分”选项卡。点击'PHP Array Looping'结果（这是最好的例子。请注意，数据是通过Ajax获取的，可能需要一些时间才能加载）。

在第三列空格中，条目将返回*。

尽管总宽度为#col1 + #col2 + #col3 = 100%，但浏览器仍然在右侧添加了一种30px的边距。大概这是一个滚动条会去的地方，但如果有什么方法可靠地填补这个空间？可悲的是overflow-x: hidden;在身上的标签没有任何区别。

---

我有另一个问题我推测这里涉及到的问题。我希望#col3结果有padding-left: 10px;应用。现在在盒子模型中，我知道填充并不会改变外部空间，而是内部空间 - 遗憾的是当我将padding-left: 10px;设置为#col3时，它从页面中消失。现在已经很晚了，我很累，并且咖啡因的咖啡因很低，但我无法弄清楚为什么...！ :)

谢谢，真的很感谢帮助！浏览器我在测试：谷歌Chrome，火狐3.6（均在Mac）

杰克

。

**遗憾的狰狞的造型，我们已经完全重新思考设计，我一直无法再整它尚未）*

Answer 1

您有3列最大宽度设置：

#col1 
    max-width: 124px 
#col2 
    max-width: 529px 
#col3 
    max-width: 729px 

这些在http://furnace.howcode.com/scaffold/index.php?f=/stylesheets/master.css从行349

设置，我建议你用谷歌浏览器“检查元素”检查 - 那里您可以方便地动态更改CSS的尝试，看看它是否与覆盖任何其他风格，我猜想是你的填充。