python - 如何使 html div 元素跟随垂直滚动(在 html/django 中)？

Question

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

(似乎无法在帖子中显示屏幕截图，这是链接 /image/F25eL.jpg )

这是我在 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

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

将 position:fixed; 实现到第一个 div 的样式中。那应该已经成功了。就像 @furas 所说 - 当谈到样式时 - CSS 是你必须学习的语言。