0

我有这个页面，其中有一个页脚，该页面还显示一个 Gridview，Gridview 的内容取决于用户选择的内容，Gridview 可能有从无到 168 行，以及介于两者之间的所有内容。

母版页是这样的：

<html>
 <body>
  STUFF
  <div id="footer">
    <p>This is the footer</p>
  </div>
 </body>
</html>

CSS是这样的：

#footer {
 width: 100%;
 height: 60px;
 margin: 0 auto;
 padding: 0;
 background: #E1E1E1;
 position:absolute;
 bottom:0;
}

现在，我尝试了位置：固定，但这不是我想要的，这样页脚显示在页面内容上，我希望它位于底部。如果我将它设置为相对，它将设置为母版页的内容占位符的 bettom，但您仍然可以在 Gridviews 后面看到它，如果我将其设置为绝对，它会转到底部，但它仅在Gridview 有一定的小行数，如果它必须显示很多行，页脚也会出现在 gridviews 的后面。

这真让我抓狂。感谢您的任何建议。

4

1 回答 1

1

试试这个： 粘页脚

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
于 2012-12-10T10:39:06.250 回答