Fatal编程技术网
  • html/
  • Html 针对旧浏览器的固定页脚解决方案

Html 针对旧浏览器的固定页脚解决方案

html css

Html 针对旧浏览器的固定页脚解决方案,html,css,Html,Css,我正在建设一个面向发展中国家的移动网站，这意味着大多数手机将是功能较老的手机，使用非常基本的浏览器，css支持有限，通常没有javascript 我正在努力实现的一件事是一个固定页脚的解决方案，它将在较旧的浏览器上得到支持 通过这个网站，我找到了这个解决方案的链接，理论上看起来不错，但我无法实现 下面是我的JSFIDLE，这是我对代码应该如何实现的理解。如果您能看一看，让我知道我做错了什么（如果有的话），我将不胜感激 这是我的部分代码 HTML代码 <body> <div c

我正在建设一个面向发展中国家的移动网站，这意味着大多数手机将是功能较老的手机，使用非常基本的浏览器，css支持有限，通常没有javascript

我正在努力实现的一件事是一个固定页脚的解决方案，它将在较旧的浏览器上得到支持

通过这个网站，我找到了这个解决方案的链接，理论上看起来不错，但我无法实现

下面是我的JSFIDLE，这是我对代码应该如何实现的理解。如果您能看一看，让我知道我做错了什么（如果有的话），我将不胜感激

这是我的部分代码

HTML代码

<body>
<div class="wrapper">
<p>Text</p>
<div class="push"></div>
<div class="footer">This is a test</div>
</body>
您尚未关闭包装器分区。请在页脚之前关闭此分区。看这把新小提琴

请注意，这不会一直将页脚粘贴到窗口底部（您需要使用
位置：fixed
），如果页面不够高，无法将页脚推到窗口底部，则页脚将仅粘贴在窗口底部，否则页脚将保留在内容底部。

旧浏览器的解决方案
？哪些浏览器？他们几岁了？坚持使用
位置有什么问题：已修复
？顺便说一句：请不要使用
！CSS中的重要信息
！感谢您的解答和澄清。不幸的是，position:fixed对我来说不是一个选项，因为在旧浏览器上缺乏支持。

* {margin: 0;} 
html, body {height: 100%;}
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -155px;}
.footer, .push {height: 155px;}