如何相对于浏览器窗口定位DIV？

Question

我有一个PHP页面，向我显示对话的内容，并允许我回答。由于消息按逆时间顺序显示（首先显示较新的消息），将“答案”表单放在页面末尾看起来很糟糕并且使用起来不舒服（必须在所有消息之间滚动），但将其定位在顶部看起来也很糟糕，因为人们无法读取旧消息并回复 所以，我需要像Facebook那样的对话：人们可以在文本框保持在固定位置时阅读所有消息。可以找到一个示例here：当进入页面[并等待几秒钟]时，左侧会出现一个图像，并在您滚动页面时跟随浏览器。

Answer 1

听起来你想要position:fixed CSS property。

HTML：

<textarea class="inputbox"></textarea>

这个CSS会把它放在页面的底部：

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

您可能还想查看top，left和right。

Answer 2

使用可以使用位置：固定在div上并用顶部，左侧或底部，右侧或您想要选择的任何内容进行调整