html中想让一部分内容一直显示在页面的最下方，页面内容不足一屏时显示在这一屏的最下方

Posted 2023-03-29

而不是贴着上面的内容，如：
就行百度的底栏一样

这个也不难的样子：
最简单的方法就是加一个position:fixed;样式，像这样：
<div id="div1" style="width:100px; position:fixed; bottom:0px; left:300px;">
看看这个能不能解决你的问题，注意IE6以下的版本应该是不行的。
如果解决了就好，不行，你再追问，再说复杂一点的方法给你。追问

不行，一旦fixed后，当页面内容一屏显示不下时，这个会与前面的内容重叠啊

追答

那用JS吧。
当documentElement的高度大于一屏时，把fixed改成absolute。

参考技术A 给这部分内容一个绝对定位 position：absolute; bottom:0追问

这不行啊，当页面内容一屏显示不下时，这部分内容要相应的下移才行啊，不然与其他内容重叠了

追答

那就用margin-top吧

追问

不太懂啊，具体怎么用啊，就是要在内容超出一屏是能显示在最后面，不满一屏时能显示在这屏的顶部，而不是紧跟上面的内容

追答

你的网页内容为什么会既超出一屏又不足一屏呢？
如果是两个网页，而页脚是同一个 的情况，你就可以分别写啊。。。如果超出一屏，你的页脚就顺着上面内容往下写。如果网页内容不足一屏，你就用个绝对定位

追问

因为页面显示的内容是不固定的，就想某宝，你搜索一个东西，可能会出来很多结果，那么这个页脚写在最后面就行，但是如果搜索出来的结果只有一个或者没有，那么这个页面的页脚就要显示在这一页的底部，而不能紧贴上面的内容