Django错误重叠，无法设置样式

Question

我有一张表格，我决定手动处理。我的表格实际上来自两种形式，但这并不重要。事实是，当我想在表单底部显示错误时，它们会重叠在一起。我想一次显示一个，所以我尝试使用带有溢出隐藏的填充表单，但似乎不起作用。除了边距之外，我申请的任何样式都不起作用。

.alert {
    margin-top: 45% !important;
  }
  #errors {
    padding: 20px !important;
  }

{% if form1.errors %}
                {% for field in form1 %}
                    {% for error in field.errors %}
                        <div class="alert alert-danger">
                            <strong id="errors">{{ error|escape }}</strong>
                        </div>
                    {% endfor %}
                {% endfor %}
                {% for error in form1.non_field_errors %}
                    <div class="alert alert-danger">
                        <strong>{{ error|escape }}</strong>
                    </div>
                {% endfor %}
            {% endif %}
            {% if form2.errors %}
                {% for field in form2 %}
                    {% for error in field.errors %}
                        <div class="alert alert-danger">
                            <strong id="errors">{{ error|escape }}</strong>
                        </div>
                    {% endfor %}
                {% endfor %}
                {% for error in form2.non_field_errors %}
                    <div class="alert  alert-danger">
                        <strong>{{ error|escape }}</strong>
                    </div>
                {% endfor %}
            {% endif %}