CSS - 如何防止這個表溢出？

Question

我設計了一個網頁，使用Javascript從Yahoo Finance獲取股票信息。我現在有問題來格式化表格，因爲表格包含太多的欄目以顯示在屏幕上。

我想實現的是讓用戶滾動表格來查看超出預定義限制的列/行。

我試圖使用這些格式結合起來，但沒有成功：

#stockDataTable { 
    max-width:600px; 
    table-layout: fixed; 
    overflow-x: scroll; 
    overflow-y: scroll; 
} 

請問您有什麼建議格式化表格？

我已經保存在jsfiddle.net的HTML和CSS代碼： http://jsfiddle.net/lcazarre/PCW6F/

感謝， LC

Answer 1

你不能阻止表在寬度越來越大，但你可以簡單的插入到具有固定寬度的DIV和DIV上的overflow: scroll。

Answer 2

HTML：

<div id="wrap-table"> 
    <table id="stockDataTable"> 
     ... 
    </table> 
</div> 

CSS：

#wrap-table { 
    overflow:scroll; 

    /* Add some padding so the scrollbar isn't overlapping the table */ 
    padding-bottom:10px; 
}