固定底部对齐Div

时间:2009-05-19 11:01:26

标签: css

我需要页面底部的页脚,它会覆盖任何会使页面滚动的内容。此外,当向下滚动时,页脚仍然需要停留在那里。

css是否只适用于IE6 +?

4 个答案:

答案 0 :(得分:6)

最近我使用了以下样式:

div.BottomDisclaimer
{
  z-index:100;
  position:fixed;
  bottom:0px;
  border-top-style: solid;
  border-top-width: 1pt;
  padding-top: 4px;
}

答案 1 :(得分:1)

快速谷歌搜索CSS页脚,你会找到很多解决方案。但大多数解决方案似乎都是这样的:

<body>
  <div id="wrapper">
     Main content
  </div>
  <div id="footer">
     Footer content
  </div>
</body>

然后应用css:

body, html { height: 100% }
#wrapper { height: 100% }
#footer {
  height: 150px;
  margin-top: -150px;
}

答案 2 :(得分:0)

编辑:因为IE6不支持position:fixed;,这里是a good workaround

答案 3 :(得分:0)

对于IE6,无法使用position:fixed。如果需要,您可以使用Dean Edwards'IE7 library来获取该行为。