Python 应用样式时modelformset不工作，如何在formset内显示图像

我试图在模型“Offer”上定义一个modelformset\u工厂 当表单字段没有包装在div中时，它们工作正常（创建和删除表单）。一旦我把它们包装在一个div中，功能就不起作用了

我还想在modelformset_工厂内显示图像

这是我的视图函数和html

def offers(request):
    OfferFormSet = modelformset_factory(Offer, fields=('name', 'url', 'image', 'active'), can_delete=True)
    formset = OfferFormSet()

    if request.method == 'POST':
        formset = OfferFormSet(request.POST, request.FILES)
        if formset.is_valid():
            instances = formset.save(commit=False)
            for instance in instances:
                instance.save()
            for instance in formset.deleted_objects:
                instance.delete()
                return  redirect('.')
    formset = OfferFormSet()
    context = {'formset': formset}
    return render(request, 'offers.html', context)

Html如下所示：

{% extends 'base.html' %}
{% block content %}
    <style media="screen">
        .form_div {
            padding: 20px 40px;
            margin: 20px;
            display: flex;
            flex-direction:row;
            flex-grow: 1;
            align-items: center;
            justify-content: space-between;
            background: #eee;
            border-radius: 2%;
            box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
        }
        .form_grp{
            display: flex;
            flex-direction: column;
        }
    </style>

    <div class="container">
        <div class="formset">
            <form method="post" enctype="multipart/form-data" class="forms">
                {% csrf_token %}
                {{ formset.management_form }}
                {% for form in formset %}
                    <div class="form_div">
                        <div class="form_grp">
                            <label for="">{{ form.name.label_tag }}</label>
                            {{ form.name }}
                        </div>
                        <div class="form_grp">
                            <label for="">{{ form.url.label_tag }}</label>
                            {{ form.url }}
                        </div>
                        <div class="form_grp">
                            <label for="">{{ form.image.label_tag }}</label>
                            {{ form.image }}
                        </div>
                        <div class="form_grp">
                            <label for="">{{ form.active.label_tag }}</label>
                            {{ form.active }}
                        </div>
                        <div class="form_grp">
                            <label for="">{{ form.DELETE.label_tag }}</label>
                            {{ form.DELETE }}
                        </div>
                        <input type="submit" value="Create" class="btn btn-primary btn-sm">
                    </div>
                {% endfor %}
            </form>
        </div>
    </div>
{% endblock content %}

{%extends'base.html%}
{%block content%}
.表格组{
填充：20px 40px；
利润率：20px；
显示器：flex；
弯曲方向：行；
柔性生长：1；
对齐项目：居中；
证明内容：之间的空间；
背景：#eee；
边界半径：2%；
盒影：0.0 10px 10px rgba（0,0,0,0.1）；
}
.表格{
显示器：flex；
弯曲方向：立柱；
}
{%csrf_令牌%}
{{formset.management_form}
{formset%中表单的%s}
{{form.name.label_tag}
{{form.name}
{{form.url.label_tag}}
{{form.url}}
{{form.image.label_tag}
{{form.image}
{{form.active.label_tag}
{{form.active}}
{{form.DELETE.label_tag}}
{{form.DELETE}
{%endfor%}
{%endblock内容%}

为什么会这样？有什么想法吗？ 事先非常感谢