@VladimirOne

Как растянуть див?

Сделал div для футера и прикрепил его к низу страницы. Проблема в том, что он растягивается только по содержимому,а нужно до конца родительского дива (container). Если поставить width: 100% выходит за границы родительского дива.

<div class="container border border-primary">

    <div id="navigation">
        <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        </nav>
    </div>

    <div id="content">
        <h1>Hello, world!</h1>
    </div>
    <div id="footer" class="bg-primary">
        123
    </div>
</div>


html, body {
    height: 100%;
    width: 100%;
}

#footer{

    position:fixed;
    bottom: 0;
    
}


Так оно выглядит сейчас:
5d76c2de01205425054735.png
  • Вопрос задан
  • 61 просмотр
Решения вопроса 1
Brad9aga
@Brad9aga
как-то так


бонус
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
position: fixed, работает относительно body.

Попробуй absolute, а родителю добавь relative.
Ответ написан
xevin
@xevin
django developer
Вместо width: 100% для элементов с position: fixed делай так:
#footer {
  position: fixed;
  left: 0;
  right: 0;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы