表单提交后更改 div 高度。 django（蟒蛇）答案

【问题标题】：After form submit change div height. django (python)表单提交后更改 div 高度。 django（蟒蛇）
【发布时间】：2023-04-01 07:33:01
【问题描述】：

我有注册表和一个提交按钮。当我点击提交时，如果出现错误，div 的高度会增加，所以我会这样做height:auto。但是，当我单击提交时，它会更改 div (.continer) 高度大小。但是，一秒钟后页面刷新并返回相同的 css。

<button type="submit" name="register" id="btn" onclick="changeSize()">registration</button>

function changeSize() {
    var el = document.querySelector(".continer").setAttribute("style", "height:auto");
}

【问题讨论】：

对不起，我不明白你的所有问题：出现错误时高度是否真的改变了？这是你想要的吗？你的控制台有什么样的错误？你是指开发者（浏览器）控制台还是 django 命令行？
您要更改的课程是"continer" 是错字吗？你的意思是"container"？
如果我有空输入并提交我有错误消息。在我想更改父容器高度（自动）后，默认值为 400px。当我提交容器更改但 1 秒后返回 css 并且它是 400px。所以刷新页面。
你的javascript代码是干什么用的？如果您使用 height:auto 向 div 添加内容，它会自动更改高度..您不需要任何 javascript..这正是 css/html 的工作原理。
@sarbot 不，继续

【解决方案1】：

只要高度不是固定的（例如，它可能会因错误消息而改变），我就不会将其设置为固定值。如果您不想修复它，您可以为错误消息添加一个 div，例如错误容器/占位符，它也具有固定的高度（并且可能根据您的优先级隐藏溢出）。这将使表单更大，但包含错误空间，因此不会更改其大小。

但这听起来像是一个布局/设计问题，而不是关于 javascript 或 django 的问题。这样的问题，只看部分代码，没有具体问题，很难回答。

【讨论】：

【解决方案2】：

如果你想根据里面的内容改变高度，只需把它放到你的css中：

height: content;

这将根据里面的内容制作高度。

【讨论】：

【解决方案3】：

不应该是容器，你的拼写错误

【讨论】：