Почему моя боковая панель навигации перекрывает текст на веб-страницах

Я использую django для создания сайта, но, должно быть, проблема в моем CSS и HTML коде, когда я запускаю сервер, текст на страницах закрывается панелью sidenav, которая у меня есть. Ранее у меня была установлена ширина для боковой панели, но я удалил ее, но это тоже не помогло, вот код:

<html>
<head>
    <style type="text/css">
        .sidenav {
            height: 100%;
            position: fixed;
            z-index: 1; 
            top: 0;
            left: 0;
            background-color: #111; 
            overflow-x: hidden; 
            padding-top: 20px; 
        }

        .sidenav a { 
            padding: 6px 8px 6px 16px;
            text-decoration: none;
            font-size: 25px; 
            color: #818181; 
            display: block;

        }


        .sidenav a:hover{  
            color: #f1f1f1; 
        }


        .main{
            margin-left: 160px;
            padding: 0px 10px;
        }


    </style>
    <title>{% block title %} My Website {% endblock %}</title>
</head>

<body>
    <div class="sidenav">
        <a href="/home">Home</a> 
        <a href="/create">Create</a>
        <a href="/6">View</a>
    </div>

    <div id="content", name="content"></div>
    {% block content %}
    {% endblock %}
</body>
</html>

Вы не используете определенный вами класс main. Также ваш { block content } не имеет <div> вокруг него. Вы можете попробовать создать <div> для sidebar и <div> для { block content }

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