当前位置: 首页 > 面试题库 >

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

许兴文
2023-03-14
问题内容

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

我想要页脚

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

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


问题答案:

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

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

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


 类似资料:
  • 我有多个div和其中大多数是浮在左边。如果我在页面上放置一个绝对和底部0px的位置,页脚将跳到页面的一半,并坐在内容的顶部。以下是我的HTML: 下面是我的CSS:

  • 问题内容: 我有一个简单的2列布局,带有页脚,可清除标记中的右和左div。我的问题是我无法在所有浏览器中都将页脚停留在页面底部。如果内容将页脚放下,它会起作用,但并非总是如此。 问题答案: 要获得页脚的粘性: 有一个与您的内容。 右 前 收盘的的地方 。 权 后 收盘的的地方 。

  • 我想要一个: > 在页面底部,即使 在身体的正常流动中,在

  • 这是我的HTML: 这是我的CSS,仅用于页脚:

  • 问题内容: 我的页面只有几行内容。我希望页脚被推到底部。 我不想用 又名 粘性页脚 没有jQuery,这可能吗? 有什么建议么? 问题答案: 还有另一种粘页脚]由瑞安既成事实不使用位置固定的:

  • 问题内容: 任何人都可以解释如何将页脚div与页面底部对齐。从我所看到的示例中,它们都显示了如何使div保持在底部可见,无论您将页面滚动到何处。虽然我不想要那样。我希望它固定在页面的底部,所以它不会移动。感谢帮助! 问题答案: 更新 我的原始答案来自很久以前,并且链接已断开;更新它,使其继续有用。 我包括内联的更新解决方案,以及JSFiddle上的工作示例。注意:尽管没有内联那些样式,但我依赖CS