我对 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 中实现。
最佳答案
<div style ="display: inline-block;position: fixed;" >
将 position:fixed;
实现到第一个 div 的样式中。那应该已经成功了。就像 @furas 所说 - 当谈到样式时 - CSS 是你必须学习的语言。
关于python - 如何使 html div 元素跟随垂直滚动(在 html/django 中)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40334928/