绝对定位的div，页面的其余部分可滚动

Question

我想在页面顶部有一个不移动的div，但我希望下面的页面的其余部分可以滚动。滚动条只能从div下面开始。

这可以不使用框架

提前致谢

Answer 1

HTML

<div id="main">
<div id="header"> Header Content</div>    
<div id="content">
    <ul><li>Hello World!!! </li>
        <li>Hello World!!! </li>
        <li>Hello World!!! </li>
        <li>Hello World!!! </li>
        <li>Hello World!!! </li>           
        </ul>
</div>

css

      body { margin: 0;}
#main{
   position: absolute;
   width: 100%;
   top: 0;
   bottom: 0;}
#header
{
position: absolute;
height: 41px;
top: 0;
left: 0;
right: 0;
text-align:center;
display:block;
background: blue;
}
#content
{
    position: absolute;
    top: 41px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y:scroll;               
}


li{
    text-decoration: none;
    display: block;
    height: 20px;
   padding: 20px; 

}

Demo update

Answer 2

是的，你可以用

来做

.some-class {
    position: fixed;
    top: 0
    ...
}