定位Div

Question

我正试图定位2个Div。

我希望在页面底部有100％的条带，高度为100px，并且div占据了它上面的所有空间。我希望顶部的div滚动，而底部的div没有滚动功能。有谁知道如何编码？我使用以下代码：

的菜单栏

{     宽度：100％;     高度：100像素;     位置：绝对;   }

含量

{     宽度：100％;     高度：530px;     位置：绝对;   }

Answer 1

看看这是否有帮助（如果使用HTML中的单独CSS）：

CSS：

#wrapper {float: left; width: auto; heigth: auto; position: absolute; bottom: 0px;}

#top {width: 100%; Height: 100%; Position: relative; Overflow: auto;}

#bottom {width: 100%; height: 100px; position: relative; Overflow: hidden;}

HTML：

<div id="wrapper"> <div id="top"> DIV CONTENT GOES HERE </div> <div id="bottom"> DIV CONTENT GOES HERE </div> </div>

建议您通过单独的文件或引用将CSS与html分开。 （你也可以将它们整合在一起。）