将DIV格式化为最顶部的面板栏

Question

我正在写一些CSS。我想创建一个面板栏，它总是位于页面底部，位于页面底部，height固定为50px，width未知。普通的DIV能做到吗？

提前谢谢。

Answer 1

在WINDOW的底部？或者页面的底部？

如果您希望它位于文档的底部，那么您正在寻找类似Sticky-Footer

的内容

如果您希望它在窗口底部并在滚动时保留，则需要Position:fixed。

编辑：如果你希望它像Facebook聊天栏那样留在窗口底部，你需要这样：

.bottom{
    position:fixed;
    bottom:0;
}

Answer 2

position:fixed; bottom:0应该可以解决问题。

Answer 3

div是块元素，因此继承是其包含元素的全宽。如果它们的包含元素是body标记，并且没有设置宽度限制，则div应该是浏览器的完整宽度。

div {
  position: absolute;
  bottom: 0;
  height: 50px;
  z-index: 1000; /* optional, but I set for insurance */
}