表格单元溢出

我需要创建一个使用所有可用空间并很好地缩放的聊天布局，但固定大小很少。表格单元溢出

这里的结构：

<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

表格单元溢出

回答

相关问题