如何使html div元素遵循垂直滚动（在html / django中）？

Question

我对html非常缺乏经验，虽然我知道python，但在此之前我从未使用过django。我正在尝试建立一个简单的网站，用户可以在屏幕左侧查看一些代码，并在屏幕右侧输入一些相关文字。代码可能有时很长，所以网页滚动，但我希望文本框始终存在，即使你向上或向下滚动。正如我的代码现在，文本框位于屏幕的右侧，但它始终位于底部。这是一个截图：

（似乎无法在帖子中显示截图，这里是链接http://imgur.com/3JfgHH3）

这是我在django的模板目录中使用的.html文件：

<div style="display: inline-block">
{% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}

<pre>{{ source_code }}<pre>
</div>

<div style ="display: inline-block" >
<form method="post" action="/labeling/{{ document_id }}/send/">
{% csrf_token %}
<input type="text" name="textfield">
<input type="submit" value="Finish" name="finish_btn" />

</form>
</div>

很抱歉我完全缺乏HTML知识。我如何在django或html文件中直接修复此问题，以便文本框和按钮随滚动而上下移动，而不是永久地附加到屏幕的右下角？如果有必要，我也可以发布django代码，我只是不确定这是否可以直接在html中。

Answer 1

＆＃13;

＆＃13;

<div style ="display: inline-block;position: fixed;" >

＆＃13;

＆＃13;

＆＃13;

将position: fixed;实施到第一个div的样式中。这应该已经成功了。就像@furas说的那样 - 在造型方面 - CSS是你必须学习的语言。

Answer 2

在CSS文件中，请添加以下代码：

div.[class_name_of_div_element] {
position: fixed;
}