表格單元溢出

我需要創建一個使用所有可用空間並很好地縮放的聊天佈局，但固定大小很少。表格單元溢出

這裏的結構：

<table style="width: 100%; height: 100%"> 
    <tr> 
     <td></td> 
     <td style="width: 200px; background: red;"></td> 
    </tr> 
    <tr> 
     <td style="height: 100px; background: blue"></td> 
     <td></td> 
    </tr> 
</table>

不過，我希望把大量的內容在第一個表格單元格，我希望它滾動，這樣就不會展開表。

是否有可能使其正常溢出，而沒有固定的細胞高度？簡單地添加溢出：auto似乎不起作用。

PS。我討厭表，但無法弄清楚一個非常乾淨和跨瀏覽器的方式來做這樣的佈局與div和css。如果有人能拿出一個，我會很樂意使用它。

來源

2010-06-07 Removed_account

一種實現方法是使用把所有內容的div元素和DIV overflow屬性設置爲自動

<table style="width: 100%; height: 100%"> 
    <tr> 
     <td> 
     <div style="overflow:auto;"> 
       //your contain 
      </div> 
     </td> 
     <td style="width: 200px; background: red;"></td> 
    </tr> 
    <tr> 
     <td style="height: 100px; background: blue"></td> 
     <td></td> 
    </tr> 
</table>

來源

2010-06-07 09:08:20

試圖在Firefox和鉻，這似乎並沒有工作。當我添加大量內容並且不出現滾動時，表格仍然會增長。 – 2010-06-07 09:16:07

提供寬度和高度div – 2010-06-07 09:21:15

使用高度：容器div上的100％似乎在Chrome中工作正常，但問題仍然存在於Firefox中。 – 2010-06-07 09:26:28

如果您的內容不應該實際上即使是在一個表是使用CSS網格替代系統，例如960.gs或Nicole Sullivan的「OO-CSS」。

您希望將一個容器劃分爲所需的多個網格，並且這些網格可以更好地用於CSS裝飾。它們更加靈活和易於使用。

來源

2010-06-07 09:15:41

表格單元溢出

回答

相關問題