Django <div>{% block content %}

Возможно, это глупый вопрос, но можно ли поставить <div> сцену вокруг {% block content %} Джанго? 

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Title</title>
        {% load static %}
            <link rel="stylesheet" type="text/css" href="{% static 'property/style.css' %}">
        {% block head %}
        {% endblock %}
    </head>
    <body>
        <div class = "row">
            <div class = "column left">
                {% block left %}
                {% endblock %}
            </div>
            <div class = "column center">
                {% block center %}
                {% endblock %}
            <div class = "column right">
                {% block right %}
                {% endblock %}
            </div>
        </div>
    </body>
<HTML>

и мой CSS

* {
    box-sizing: border-box;
}
body {
    color: var(--text_color);
    background-color: var(--background_color);
    font-family: var(--font);
    font-size: var(--font_size);
}
.column {
    float: left;
    padding: var(--padding);
    height: 300px;
}
.left, .right {
    width: 25%;
}

.center {
    width: 50%;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}

Я пытаюсь сделать так, чтобы каждый {% block %} был столбцом без необходимости писать <div> для каждого шаблона. Однако мой HTML-вывод складывает их друг на друга, а не бок о бок. enter image description here

Да, вы можете это сделать... Но ваша проблема в том, что отсутствует завершающий тег </div>:

<div class = "row">
    <div class = "column left">
        {% block left %}
        {% endblock %}
    </div>
    <div class = "column center">
        {% block center %}
        {% endblock %}
    </div>
    <div class = "column right">
        {% block right %}
        {% endblock %}
    </div>
</div>

Проверьте эту структуру.

Вернуться на верх