2

我在 Stack Overflow 中经历了几十个例子，但我似乎不能完全正确地做到这一点，它开始让我希望我选择了一个不同的职业！

我需要一个固定高度和固定宽度的三行表格。

第 1 行的高度是可变的，应该根据内容增长和缩小，没有垂直滚动条。

第 3 行应固定在表格底部的高度。

第 2 行应占用所有剩余空间，但如果内容太大，则应包含垂直滚动条。

基本上，这是向用户显示电子邮件消息。第 1 行将包含所有标题和任何可选的标题、附件等（这就是它需要可变高度的原因）。

第 2 行是消息的正文，带有滚动条。

第 3 行用于操作按钮、删除、转发等。

整个东西需要固定高度和宽度，因为我需要将它嵌入到 JQuery 对话框 DIV 中。

在我的问题标题中，我将表格放在引号中，因为我很高兴有一个纯 CSS 的解决方案，只要它按描述工作。我的主要目标是我们以跨浏览器的方式实现上述功能。

希望你能帮忙！

4

1 回答 1

5

首先，这是一个演示：little link。

我所做的是不直接将文本包含在中间单元格中，而是给出它position: relative;，然后在其中创建一个div包含以下内容的内容：

position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: auto;

正如您在上面的演示中看到的那样，它可以完成这项工作。

希望有帮助！

于 2012-11-26T14:11:45.827 回答