1. 首页
  2. 问题
  3. 使HTML页面页脚以最小高度停留在页面底部但不与页面重叠的CSS
一尘不染

使HTML页面页脚以最小高度停留在页面底部但不与页面重叠的CSS

css

我有以下页面（deadlink：）http://www.workingstorage.com/Sample.htm，它的页脚位于该页面的底部，我无法定位。

我想要页脚

  • 当页面短且屏幕未填满时，请粘在窗口底部，并且
  • 当内容多于内容（而不是内容重叠）时，请停留在文档末尾并照常向下移动。

CSS被继承并迷惑了我。我似乎无法适当地更改它以在内容上放置最小高度或使页脚移至底部。


阅读 369

收藏
2020-05-16

共1个答案

一尘不染

一个简单的方法是让身体100%您的网页，用min-height的100%了。如果页脚的高度没有变化，则效果很好。

将页脚的页边距设为负数：

footer {
    clear: both;
    position: relative;
    height: 200px;
    margin-top: -200px;
}
2020-05-16