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

小编典典

css

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

我想要页脚

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

阅读 394

2020-05-16

共1个答案

小编典典

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

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

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

2020-05-16