页脚仅在索引上不会粘在页面底部

时间:2015-10-16 10:52:59

标签: html css twitter-bootstrap footer

我有一个问题,我的页脚只会粘在索引页面的底部,应用任何类型的粘性页脚" CSS修复了每个其他页面的页脚,但打破了页脚的索引。就像在,它漂浮起来。

以下是我尝试过的一般CSS:

#!/bin/sh
users="user01 user04 user05"
rx=QuartzScheduler
while read line
do
  echo -n $line
  for user in $users
  do
    echo -n ,$(grep -c "$line" /user/admin/$user/logfile.log)
  done
  echo
  rx="$rx\|$line"
done < observed_list.txt >> somelog
for user in $users
do
  sed "/$rx/ d" /user/admin/$user/logfile.log > /user/admin/$user/logfile_out.txt
done

这也适用于大多数其他页面,但不适用于索引。

您可以在此处查看我的实时索引:http://goo.gl/XUUCjW

这里有一个非粘性页脚的示例:http://goo.gl/uhd1h4

1 个答案:

答案 0 :(得分:0)

我解决这个问题的方法是执行以下操作:

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

身体边缘底部的原因是,当您将页脚推到底部时,它将与其上方的任何内容重叠。我发现60px对我来说效果很好,但是你可能有一个更深或更小的页脚,所以相应调整。