我一直坚持这个问题已经有一段时间了，我也用谷歌搜索，做了一些研究，但没有找到任何答案。我试着尽力解释：
我做了一个布局，顶部有一个固定的导航栏，然后是一个横幅，主要内容和页脚。通常没有问题可以实现这一点，但我使布局无缝（div周围没有边框）。
我只想在侧面有一个滚动条。如果使用它，它应该移动横幅，内容和页脚。导航栏应保持在顶部。根据我写的代码，我目前有3个栏显示。 :(那3个酒吧我想合并成一个滚动条。
任何帮助都会受到极大的关注，因为这让我很头疼。 :-D
以下是代码：
body {
background-color: #f0e2c8;
}
#header
{
position:fixed;
top:0px;
left:0px;
right:0px;
overflow:hidden;
background-image: url(menubg.png);
background-repeat: repeat-x;
background-position: top;
height: 85px;
width: 100%;
}
#banner
{
position:relative;
top:50px;
left:0px;
right:0px;
overflow: scroll;
z-index: -1;
}
#content
{
position:fixed;
top:470px;
left:0px;
right:0px;
background-image: url(spacerbg.png);
background-repeat: repeat-x;
background-position: top;
height: 100%;
width: 100%;
overflow: scroll;
}
#footer
{
position:fixed;
left:0px;
right:0px;
bottom:0px;
background-image: url(footerbg.png);
background-repeat: repeat-x;
background-position: top;
height: 100px;
width: 100%;
overflow: scroll;
}<body>
<div id="header">
<div align="center"> <img src="layout/menu.png" alt="" width="876" height="48" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="1,14,73,50" href="#" target="_self" alt="" />
<area shape="rect" coords="125,14,245,50" href="#" target="_self" alt="" />
<area shape="rect" coords="300,14,464,50" href="#" target="_self" alt="" />
<area shape="rect" coords="525,14,724,50" href="#" target="_self" alt="" />
<area shape="rect" coords="780,14,911,50" href="#" target="_self" alt="" />
</map>
</div>
</div>
<div id="banner">
<table width="100%" border="0" align="center" cellpadding="2" cellspacing="2">
<tr>
<td>
<div align="center"><img src="layout/banner.png" alt="" width="1200" height="430" /></div></td>
</tr>
</table>
</div>
<div id="content">
<p>adfafadf</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>adfafdsf</p>
</div>
<div id="footer"></div>
</body>