overflow-x不適用於包裝在td中的內容

Question

有沒有一種方法允許允許比屏幕/視口更寬的內容水平溢出，而不會干擾頁面結構的其餘部分？具體來說，當我的內容全部包裝在table>tbody>tr>td內？

該概念適用於this fiddle，您可以看到所有內容都以垂直方式在頁面上很好地構建，用戶可以在非常寬的表格中水平滾動。

但是，相同的概念在this other fiddle中發生了故障，其中屏幕/視口炸燬並試圖適應寬表的全寬。這是不受歡迎的。

在我的最終實現中，我無法將我的內容從最外面的table>tbody>tr>td中取出，因爲這超出了我的控制範圍（我在Salesforce中創建了自定義頁面）。

我寧願儘量避免使用JavaScript，但如果這是我接受建議的唯一選擇。感謝您的時間。

Answer 1

如果你不能用div元素代替你的表，你可以做適當的元素display: block，顯示一個類似div S：

http://jsfiddle.net/yQEn9/3/

.div{ 
    display: block; 
}