溢出-y：滚动从容器中出来

Question

我正在与socket.io进行nodejs聊天，目前正在处理父容器中聊天消息的溢出。我对overflow-y和用户消息有问题，它们在溢出时并没有被隐藏，而是继续经过输入。

image

codepen

#main_container {
  overflow-y:scroll;
}
#inputs {
  position:absolute;
  bottom:0;
}

这很可能是我的愚蠢错误，如果是这样，我表示歉意。

谢谢。

Answer 1

您需要在＃main-container上指定高度。仅指定overflow-y：隐藏对于具有未绑定高度的容器毫无意义。如果您希望聊天窗口占据屏幕的整个高度减去底部聊天输入的空间，请使用

 catch (FaultException<EXLAPickup.EXLA.SoapError[]> SoapErrorCatch)

Answer 2

只需尝试一下，为此position:absolute更改属性position:fixed

#main_container {
  overflow-y:scroll;
}
#inputs {
  position:fixed;
  bottom:0;
}