首页 相关文章 CSS实例:让页脚保持在未满屏页面的底部

CSS实例:让页脚保持在未满屏页面的底部

  在内容不超过一屏的情况下,当浏览器窗口变小那行页脚文字会跟着向上浮动但还是保持在底部。

  当内容多出一屏时,他显示在网页的最下边,而不是窗口的最下边;测试了一下,还可以,在IE6、IE7、FF等都没有问题!窗口缩小时也没有问题!

  首先是JS脚本:

function test(){
var infoHeight = document.getElementById("info").scrollHeight;
var bottomHeight = document.getElementById("bottom").scrollHeight;
var allHeight = document.documentElement.clientHeight;
var bottom = document.getElementById("bottom");
if((infoHeight + bottomHeight) allHeight){
bottom.style.position = "absolute";
botto...[ 查看全文 ]

2016-02-19 标签:

CSS实例:让页脚保持在未满屏页面的底部的相关文章

手机页面
收藏网站 回到头部