0

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

#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 来完成?

4

1 回答 1

1

听起来你想要的是一个“粘性页脚”。以下是一些参考资料:

于 2013-02-12T06:26:05.267 回答