Python 如何使HTMLdiv元素跟随垂直滚动（在html/django中）？

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

（似乎无法在帖子中显示截图，这是链接）

以下是我在django的templates目录中使用的.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>

{%if error\u message%}{{{error\u message}{%endif%}
div.[class_name_of_div_element] {
position: fixed;
}

{{源代码}
{%csrf_令牌%}

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

---

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

---

你必须学习CSS才能做到这一点。这完全奏效了。我可以发誓我已经试过了，但是可能我被样式变量中的两个参数弄糊涂了。我以前试过的时候好像没用，谢谢！