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的嘗試，看看它是否與覆蓋任何其他風格，我猜想是你的填充。