CSS页脚定位问题

Question

如果我们知道它的高度，设置页脚的绝对位置是不错的做法？
例如，如果其高度为100px：

footer {  
  position:absolute;  
  bottom: 100px;  
  background: red;  
}  

如果不是，你能不能帮助我找一个没有div的页脚，只有HTML5标签，因为我找到了一些解决方案，但它们有额外的div。

Answer 1

footer {
  position: absolute;
  bottom: 0;
  height: 100px;
  background: red;
}

当您指定底部位置属性时，您将定位底边，因此您无需考虑这样的高度。如果您希望底边距离页面底部100px，则只需将其设置为100px。

通常我发现自己手动定位页脚的唯一一次是position: fixed。假设您的页面流没有被破坏，通常很容易让它自然地成为页面上的底部元素，这正是您尝试使用position: absolute;实现的。