定位部门

Question

我正在尝试放置 2 个 Div。

我想要一个条带 100% 分布在页面底部，高度为 100px，并且让 div 占据其上方的所有空间。我希望顶部的 div 能够滚动，而底部的 div 没有滚动功能。有谁知道如何编写这个代码？我正在使用下面的代码：

菜单栏

{ 宽度：100%； 高度：100px； 位置：绝对； }

内容

{ 宽度：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 分开。 （您也可以将它们相互集成。）