html - 如何阻止我的 css 在 django 中重叠?
问题描述
因此,在渲染时我遇到了问题,因为我的两个元素重叠。
这是相关代码:
<style type="text/css">
.box{
position: absolute;
left: 50px;
width: calc(80% - 100px);
border: 1px solid black;
border-radius: 10px;
padding: 5px;
text-align: center;
}
</style>
<h1>Post Title</h1>
<small> by dell | Posted on Nov. 7, 2020, 9:40 p.m. </small>
<br/>
<div class="box">
<p> <p>Sample Post Body</p></p>
</div>
<br/>
<form method="POST">
<div class="form-group">
<input type="hidden" name="csrfmiddlewaretoken" value="zlYmcOuhui0Tv0n3vtQ8gM7AE6cvbXbZSyXwudTzEN8M30RoYNzfgHGmaKx5IhiM"><p><label for="id_body">Body:
</label> <textarea name="body" cols="40" rows="10" required id="id_body">
</textarea></p>
<button class="btn btn-secondary"> submit comment </button>
</div>
</form>
我似乎无法弄清楚如何使 Post 正文和 Form 元素分开。
解决方案
这个问题首先与 django 无关,因为盒子的位置是绝对的,要么删除position: absolute;
要么有表单和盒子类,无论它是 div 还是按钮,分别在不同的 div 中,并<br>
在它们之间添加
推荐阅读
- php - 有没有一种按数组顺序执行函数的方法
- ruby-on-rails - 如何获取结茧的索引值?
- ios - 主应用程序目标和应用程序的扩展版本号应该相同吗?
- c++ - std::ifstream 将文件读取为 BYTE (unsigned char) 而不是 char
- html - 阻止浏览器存储和显示密码选项
- azure - Azure:如何获得刷新令牌?当连接的输出仅提供访问令牌时使用 Curl
- node.js - PayloadTooLargeError:使用 Angular 7 和 nodejs express 上传图像时请求实体太大
- c# - 如何从 Unity 中指定路径获取的文件列表中删除文件?
- windows - windows上的docker里面的docker
- c# - 如何动态调用具有泛型类型参数的方法