Html 创建一个类似facebook的div聊天

在一个简单的例子中，我试图做一个div聊天的例子来模拟facebook聊天

我用z-index 300将其固定在右侧，以便始终显示

我的问题是关于高度，因为有些页面我有滚动和大高度视图，我的聊天div固定在相同的原始页面高度上，如果我向上或向下滚动，我会限制div的高度

我想知道它是否修复得足够好，即使我向上或向下滚动页面，也能以相同的原始方式在页面上保持可见

我的示例CSS是：

#chat {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  height: 100%;
  min-height: 100%;
  width: 200px;
  background-color: #6e9bfe;
  z-index: 300;
}

---

任何提示都会非常有用，谢谢

如果我认为你希望这个div保持在你想要使用的页面上下滚动时的相同位置，那么

位置：fixed而不是
位置：绝对。
如果我认为你希望这个div在你想要使用的页面上下滚动时保持在相同的位置
位置：固定而不是
位置：绝对在CSS中。
使用
位置：固定而不是
位置：绝对
使用
位置：固定而不是
位置：绝对
谢谢亚历山大。在你回答之前我已经试过了，而且已经解决了。但是你有工作要写在这里，谢谢！下一步是尝试制作一个内部可滚动的div以显示MSG。您可以使用overflow制作一个div滚动：scroll yThanks，Adam，我很快就会查看它。谢谢Alexander。在你回答之前我已经试过了，而且已经解决了。但是你有工作要写在这里，谢谢！下一步是尝试制作一个内部可滚动的div来显示MSG。你可以制作一个带有溢出的div滚动：scroll yThanks，Adam，我很快会检查出来。