Question

提前致谢。现在我有“内容”和“页脚”的问题在“包装”中。以下是这些的样式。

#content
{

   width: 100%;
   min-height: 100%;
   position: relative;
   background-color: #b2b2b2;

}

#footer
{

   width: 100%;
   min-height: 40px;
   position: relative;
   bottom: 0;
   background-color: #e23e23;

}

#wrapper
{

   width: 100%;
   height: 100%;
   background-color: green;
   position: fixed;
   top: 0;
   left: 0;

}

这一切都很好，除了我希望内容占据页面的其余部分（页脚除外）。我用来做这个的任何方法都是这样的，如果我溢出内容，内容就会超过页脚。

换句话说，我希望内容和页脚占据窗口的高度，但如果内容过满，则应将页脚向下推并创建滚动条。

这可以用css完成，如果不能用JS怎么办？

Answer 1

听起来你想要的是一个“粘性页脚”。以下是一些参考文献：

动态div随着内容增长但开始填满整个页面

1 个答案: