Css 如何得到我想要的页脚_Css_Footer

Css 如何得到我想要的页脚

css

Css 如何得到我想要的页脚,css,footer,Css,Footer,我有一个具有以下结构的页面： <!DOCTYPE html> <html><head><meta charset="UTF-8"> <title>Dashboard</title> <link rel="stylesheet" type="text/css" href="css/coachmaster.css" /> <script type="text/javascript" src="/js/jquer

我有一个具有以下结构的页面：

<!DOCTYPE html>
<html><head><meta charset="UTF-8">
<title>Dashboard</title>
<link rel="stylesheet" type="text/css" href="css/coachmaster.css" />
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="dashboard.js"></script>
</head>
<body>
<div id="outer">
  <div id="wrap1">
    <img id="logo" src="/images/dashboard.png" />
    <div id="status">Status</div>
    <div id="menu">Menu</div>
  </div>
  <div id="grip1" ></div>
  <div id="wrap2">
    <div id="content">
      <table class="title"><tr><td>Ian's Dashboard</td></tr></table>
      <div class="fields">This is the screen content
      </div>
      <table class="listhead"><tr>.. row of command buttons... </tr></table>
    </div>
  </div>
</div>
</body>
</html>

这意味着.listhead表始终位于屏幕底部，当div.fields对于可用空间来说太大时，会出现一个垂直滚动条

客户希望将table.listhead上移到div.fields上，以便在其下方显示任何空闲空间

为了实现这一目标，我想尽一切办法，但都失败了。我想知道如何用table.listhead包装div.fields，但我无法得到任何工作

有可能吗

谢谢。伊恩现在更容易理解了，谢谢！：）

我会尝试摆弄一下位置，我可以通过以下方式将底部桌子向上移动：

table.listhead {
  position:relative;
  top: 285px;
}

如果您尝试使用代码创建JSFIDLE，我相信有人可以更快地帮助您。干杯。我已经试着把这个问题略过了。没有js和图像丢失-请参阅-页脚应该显示一个“编辑”的图像。确实如此，但这没有帮助。286所需的确切值取决于当前屏幕深度，因此需要javascript。如果可以的话，我不想使用JS。

table.listhead {
  position:relative;
  top: 285px;
}