本文介绍了CSS 使 HTML 页面页脚以最小高度停留在页面底部,但不与页面重叠的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有以下页面(死链接:www.workingstorage/Sample.htm),它有一个页脚,我无法将其放置在页面底部.
I have the following page (deadlink: www.workingstorage/Sample.htm ) that has a footer which I can't make sit at the bottom of the page.
我想要页脚
- 在页面短且屏幕未填充时粘在窗口底部,以及
- 当内容超过一屏(而不是重叠内容)时,停留在文档末尾并正常向下移动.
CSS 是继承的,让我很困惑.我似乎无法正确更改它以在内容上设置最小高度或使页脚移至底部.
The CSS is inherited and befuddles me. I can't seem to change it properly to put a minimum height on the content or make the footer go to the bottom.
推荐答案一个简单的方法是让 body 100% 成为你的页面的主体,带有 min-height100% 也是.如果页脚的高度没有改变,这可以正常工作.
A simple method is to make the body 100% of your page, with a min-height of 100% too. This works fine if the height of your footer does not change.
给页脚一个负的顶部边距:
Give the footer a negative margin-top:
footer { clear: both; position: relative; height: 200px; margin-top: -200px; }更多推荐
CSS 使 HTML 页面页脚以最小高度停留在页面底部,但不与页面重叠
发布评论