Question

我正在尝试创建一个非常基本的网站。它需要有一个标题，使用导航按钮和带有社交媒体锚点的页脚固定在顶部。内容应位于中间的容器div中，并且应至少在页脚保持原位的情况下上下滚动。目前我已经用过这个：

CSS：

#header {
   font-size: 1em;
   background-color:#000000;
   height: 4em;
   width: 100%;
   padding-top: 2em;
   padding-bottom: 1em;
   padding-left: 10em;
   margin-bottom: 0px;
   text-align: center;
   left: 0em;
}

#container {
   width: 1280px;
   height: 100%;
   margin: 1em auto;
   overflow:scroll;
}

#footer {
   text-align:center;
   color:#FFFFFF;
   font-size: 1em;
   background-color:#000000;
   height: 5em;
   width: 100%;
   padding-top: 2em;
   padding-bottom: 0.5em;
   bottom:0em;
   position:fixed;
}

所有html都是标准<div></div>，不涉及其他操作。我尝试删除所有位置命令并使用各种溢出选项，但没有任何东西允许我滚动。页脚只是位于所有内容之上，容器就像溢出一样：隐藏。

Answer 1

问题很可能是您的#content没有足够的内容来触发溢出。否则，您也可能希望修复标题？请检查此demo。

Answer 2

你的CONTAINER宽度不应该是100％，高度是否设置了### px？如果您没有设置尺寸的侧边栏，如果设置为100％，则中间无法滚动，除非它设置为100％的其他内容...

#container {
width: 100%;
height: 1280px;
margin: 1em auto;
overflow:scroll;

我的页面不会滚动

2 个答案: