-1

可能重复:
CSS 使 HTML 页面页脚以最小高度保持在页面底部

(网站链接:http ://www.eastsidespeedway.weebly.com/ )

请使用上面的链接和您的浏览器开发工具来查看 html/css。

我试图让页面的页脚保持在页面底部。它现在看起来好像已经关闭了,但这只是因为它适合页面。例如,如果您转到 /404.html,您会看到它是一个无页眉页面,并且页脚几乎位于页面的一半!我使用 Weebly 添加内容等,但我使用 Dreamweaver 构建站点。我在网上尝试了多种方法,但它们似乎使页脚超出实际内容的位置,您看不到它。我需要它低于内容。

网站布局是这样的(示例):

<div id="container>
  <div id="navigation"></div>
  <div id="content"></div>
</div>

<div id="footer-container>
  <div id="footer"></div>
</div>

您可以看到页脚位于单独的容器中。这是因为有一个背景图片需要显示 100% 的页面宽度,而容器是 960px 宽。

如果您不太了解,我对 html/css 有点陌生,很抱歉。

同样,如果您需要任何帮助,请使用浏览器中的开发人员工具。:P

任何意见,建议,答案表示赞赏。

4

2 回答 2

1

已编辑

<div id="wrapper">
  <header></header>
  <div id="main"></div>
  <footer></footer>
</div>

body, html, #wrapper { height: 100%;  } /* Create space for elements to be 100% */
#wrapper { display: table; } /* Create a table-structure */
#wrapper > * { display: table-row; } /* All direct children behave as rows */
#wrapper > header, 
#wrapper > footer { min-height: 100px; } /* These must be at least 100px */
#main { height: 100%; } /* Let the mid section fill up the remaining space */
于 2013-01-09T01:41:46.023 回答
0

只需添加到#footer-container

position:absolute;
bottom:0px;

将 放在footer页面底部。

于 2013-01-09T01:43:14.000 回答