html - 无法垂直和水平拉伸(stretch) css div 100%

Question

我正在尝试将我的表格设计转换为 css div 设计。

什么不起作用:

1.) 黑色 div 将包含列表项，因此我需要此时显示的滚动条。没关系。 但我不想将高度限制为 400px。我以前的设计有 100% 的高度，所以它占据了屏幕上的所有垂直空间。

2.) 红色 div (rightContent) 的宽度应固定为 200px；当我设置这个时，我必须设置什么，leftContent 占据所有水平空间。

最重要的是，在旧的表格布局中，整个布局周围没有可见的外部垂直滚动条。

我在 IE9 上测试过

http://jsfiddle.net/pEMwP/4/

Answer 1

对于问题 1: 如果你想要一个滚动条，你不应该将 height 属性设置为 auto。相反，您可以像这样通过 Javascript 动态设置 Div 高度。

document.getElementById("ListData").style.height=<your Size>;

对于问题 2: 如果要将高度设置为 Red Div。您可以这样指定。

height: 200px;
overflow:hidden;

这会将 div 限制为 200 像素。现在您可以增加其他 div/div 的宽度来占据这个空间。