Question

即使此页面太少而无法填满整个屏幕，我怎么能有一个始终位于页面底部的页脚？

我的页面中有一个按钮，当你触摸它时，它会在页面上添加javascript许多元素并且页面大小发生变化，但我的页脚并没有适应它的位置。

问题是当我将页脚的位置设置为相对时，当我的页面尺寸太短时，他不在我的屏幕底部，而是在我放的最后一个元素之下。

我尝试position: absolute;，但当用户点击按钮时，我的页脚会停留在他的位置，并且它不会转到我页面的新底部。

我不希望我的页脚始终可见，但只是位于页面的真正底部。

Answer 1

本文介绍了完整的解决方案：CLOCK_REALTIME actually becomes a synonym for CLOCK_MONOTONIC

主要技巧是，你将有三个部分：标题，正文和页脚：
HTML：

html,
body {
   margin: 0;
   padding: 0;
   height: 100%;
}
#container {
    min-height: 100%;
    position: relative;
}
#header {
   background: #ff0;
   padding: 10px;
}
#body {
   padding: 10px;
   padding-bottom: 60px;   /* Height of the footer */
}
#footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 60px;           /* Height of the footer */
   background: #6cf;
}

CSS：

System.loadLibrary("facesdk");

Answer 2

使用此：

footer {
  position: fixed;
  bottom: 0;
  /* Add a height and a width! */
}

Answer 3

使用以下

SELECT TO_CHAR(preserv_started, 'HH24:MI:SS') FROM harvested_l

Answer 4

试试这个......这会让你的页脚保持在页面底部：

#footer {
  position: fixed;
  bottom: 0;
  background-color: black;
  min-width: 100%;
  font-family: Agency FB;
  transition: height 3s;
  height: 50px;
}

#footer1 {
  text-align: center;
  color: #4e4e4e;
}

#footer:hover {
  opacity: .8;
  color: white;
  height: 100px;
}

工作演示：http://jsfiddle.net/TFhd7/943/

var electron = require('electron');
var window = electron.remote.getCurrentWindow();

如何将我的页脚始终放在页面底部？

4 个答案: