0

我正在尝试解决滚动条问题。

我有一个问题，我想让三个 div 垂直对齐，而中间的 div 将在页脚和页眉的左边留出空间

这篇文章帮助我完成了这部分：Middle div with 100% in CSS?

事情是我需要内容 div（中间 div）在内容溢出中间 div 空间时显示滚动条。

现在我有了这个：http: //jsfiddle.net/rv4XS/31/

<body>
   <div id="wrap">
      <div id="container">
   <div id="header">header
   </div>
   <div id="content">data<br/>
      data<br/>data<br/>data<br/>data<br/>data<br/>data<br/>data<br/>data<br/>data<br/>
   </div>
   </div>
   </div>
      <div id="footer">footer
   </div>
</body>​

谢谢您的帮助。

编辑 1：只有 firefox 和 chrome，没有 IE。

编辑2：也许我没有很好地解释我的问题：我有一个根据它所拥有的内容具有可变高度的页眉，页脚有一个固定的高度。现在，知道页眉的高度是可变的，而页脚的高度是固定的，我怎样才能制作一个中间 div（内容 div）来占用页脚和页眉留下的所有空间？

如果页眉的高度增加了很多......会发生什么是中间的 div 将不可见，而只有页眉和页脚。当然这个想法是，如果中间 div 里面有一些数据并且被裁剪，它必须显示滚动条。

4

1 回答 1

0

你可以给#content如下：

注意：不能像你给出的那样给出 %。那么它占据了内容所具有的整个高度和宽度。

正确的一个

 #content {
    width:100%;
    height:100px;
    overflow: auto;
   }

我已经更新了 JSFIDLER

于 2012-11-27T14:41:21.910 回答