我正在构建一个针对发展中国家的移动网站，这意味着大多数手机将是较旧的功能手机，使用非常基本的浏览器，CSS 支持有限，通常没有 JavaScript。
我想要实现的目标之一是旧版浏览器支持的固定页脚解决方案。
通过此网站，我找到了此解决方案的链接 Ryan Fait Sticky Footer这在理论上看起来不错，但我无法开始工作。
这是我的jsfiddle，这是我对代码应该如何实现的理解。如果您能看一下并让我知道我做错了什么(如果有的话)，我将不胜感激
这是我的部分代码；
HTML 代码
<body>
<div class="wrapper">
<p>Text</p>
<div class="push"></div>
<div class="footer">This is a test</div>
</body>
CSS
* {margin: 0;}
html, body {height: 100%;}
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -155px;}
.footer, .push {height: 155px;}
最佳答案
您尚未关闭包装器 DIV。在页脚之前关闭它。查看新 fiddle 。
请注意，这不会始终将页脚粘贴到窗口底部(为此，您需要使用 position:fixed)，如果页面不够高，无法将其推到那里，否则它将保留在内容的底部。
关于html - 针对旧版浏览器的固定页脚解决方案，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21157950/