jquery - Bootstrap 固定侧边栏、聊天栏 css

Question

设计一个看起来像这样的网页

----------------------navbar-----------
|sidebar                              |
|                                     |
|        content                     sidechatbox
|                                     |
|                                     |
---------------------------------------

我的左侧边栏和顶部导航栏已修复。 sidechat box 是按列组织的，但是 sidechat box 的列不在页面的整个左侧，容器永远不会占据整个页面，所以当我有 col-md 8 的内容和 col-md4 的内容时sidechat box 右边还有一些空间。我该如何修复它，使其绝对位于页面(当前显示)的最右侧。

更新:

我现在在侧面有侧边栏，但是如何让聊天框成为全屏的长度、底部的输入和溢出工作让我很烦恼。知道如何让聊天消息溢出，同时保持聊天框静止吗？这是一个更新的演示:

https://jsfiddle.net/mrcfq4hj/4/

Answer 1

在查看您的 fiddle 之后，您可能想要创建自己的容器 css，看来 .container 中的填充可能是问题所在。以太或 .panel 的边距。