html - 内容不拉伸(stretch)

标签 html css footer stretch

我最近一直在尝试让我的页脚附加到页面底部并拉伸(stretch)我的中间内容,这样无论以何种分辨率查看网站,页脚都可以正确放置。

自从我上次在这个网站上编辑已经有一段时间了,我已经忘记了我为保持布局最大化所做的大部分事情,现在我注意到另一个错误:(

我的内容现在不会拉伸(stretch),所以如果我在我的内容区域放置一些文本,它会在页脚后面拉伸(stretch)到底部,没有背景图像..

你们中的一些人能告诉我是什么导致了这个问题吗? :(

最佳答案

您可以做一些事情来改进它。我看到你的页脚是 position: relative;不太明白为什么。。。我觉得应该是position: absolute;底部:0px;所以它应该固定在底部。让您的页脚位置:固定;这不是一个好主意。

您网站内容的底部填充应等于页脚的高度,这将为页脚提供足够的空间,并且不会让任何内容低于页脚。

如果您理解我试图解释的内容,请告诉我,祝您元素顺利!

关于html - 内容不拉伸(stretch),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12448932/

相关文章:

Html 5 WebApp 可扩展性元标记

php - 在 mysql row php 中使用 urlencode

ios - iOS11 的低功耗模式会影响修改 Shadow DOM 元素的伪元素吗?

html - IE 和 Google Chrome 之间的页脚兼容性比较不会妥协

html - 在 IIS 6.1 中部署时的页脚 CSS 问题

javascript - 响应式移动菜单 - Jquery Toggle

javascript - CSS 优化以自动更改类名

javascript - 我怎样才能让我的汉堡包菜单更小,并且周围有一个完美的圆形边框?

javascript - 从网站 url 调用 jQuery 对话框

html - Font Awesome 图标未正确定位在页脚中