Question

我试图让#footer div保持在#content div 和 #sidebar div的底部，但曾经在其他地方工作的东西，似乎不想工作我已经不知所措了。

在这里工作：http://wiki.tf-575.com/index.php?title=RBL_Store 但不是这里：http://beta.tf-575.com/index.php?title=RBL_Store

body {
  background: #020B12;
  font: x-small sans-serif;
  color: B3DFFC;
  margin: 0;
  padding: 0;
  text-align: center;
}

#container {
  background: #020B12 url(background-tile.png) top left repeat-y;
  font: normal;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

#header {
  background: #020B12;
  color: B3DFFC;
  padding-top: 1px;
  padding-bottom: 67px;
}

#sidebar {
  background: none;
  float: left;
  margin-bottom: 84px;
  padding: 0 1px;
  width: 164px;
  top: 80px;
  position: absolute;
}

#content {
  color: #446C90;
  margin-top: -48px;
  min-width: 960px;
  font-size: 120%;
  text-align: left;
  padding: 0 20px 0 165px;
}

#footer {
  background: url("footer.png") no-repeat scroll left bottom transparent;
  clear: both;
  color: #446C90;
  font-size: 90%;
  min-height: 82px;
  margin: 0;
  padding: 82px 0 0 165px;
  text-align: center;
}

<body>
  <div id="container">
    <div id="header">
      <snip />
    </div>
    <div id="sidebar">
      <snip />
    </div>
    <div id="content">
      <snip />
    </div>
    <div id="footer">
      <snip />
    </div>
  </div>
</body>

Answer 1

尝试将页脚宽度设置为100％

Answer 2

您的问题是，在测试版网站上，侧边栏位于绝对位置，因此忽略了浮点数，

clear:both;

不再向下压页脚

div不会停留在浏览器的底部

2 个答案: