如何将侧边栏扩展到页面底部？

Question

我在http://www.csgodrift.com/

的侧边栏上遇到了一些问题

基本上，我想要.divchatfooter，用户可以在其中输入聊天消息，将其固定到屏幕底部，当用户缩小以使其保持固定但是.divchat高度会延伸。

此外，当用户输入聊天消息时，不是让聊天区域高度保持固定，而是扩展而不是让消息在该区域内滚动。

如果您登录（如果您有Steam）和Inspect Element，我认为最简单的方法是测试它，但如果您愿意，我会在jsfiddle中包含代码。 https://jsfiddle.net/hwxsvqa5/ jsfiddle

有什么想法吗？

Answer 1

这可能有效当数据放入聊天时，高度应该会增加。但您可能需要设置max-height限制。

#divchatfooter {
  background-color: #1A1C26;
  padding-bottom: 5px;

  /*ADD THIS CODE*/
  position: fixed;
  bottom: 0;
  left: 0;
  width: inherit;
}

这应该可以解决宽度问题。主元素右侧有填充。所以width:inherit;取主要元素的宽度+填充。如果您更改此代码，它会使侧边栏中的所有宽度都相同，但是，它会使侧边栏长几个像素。

从.mainsidebar { padding-left: 0px; }

更改

以下

.mainsidebar {
  padding: 0px;
}