eprivalov
@eprivalov
Учусь

Как сделать сайдбар 100% высоты сайта, чтобы футер ушел под основной контент?

Как сделать сайдбар 100% высоты сайта, чтобы футер ушел под основной контент? Использую bootstrap
  • Вопрос задан
  • 82 просмотра
Пригласить эксперта
Ответы на вопрос 3
mr_dev1l
@mr_dev1l
Технический верстальщик
в 4 бутстрапе по умолчанию так реализовано, так как используют flex у row по умолчанию
Ответ написан
зачем вам ради пары строк bootstrap подключать?

пример
<html>
<head>
<style>
  body{height:100%; margin:0;}
  .sidebar{height:100%; display: inline-block; background: red; width:300px;vertical-align:top;}
.content{width: calc(100%  - 300px); display:inline-block; background:#eee; height:100%;}
footer{height:100px; background: #aaa;}
</style>
</head>
<body>
 <div class="sidebar">sidebar</div><div class='content'>content</div>
<footer>footer</footer>
</body>
</html>
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Affetta Краснодар
от 30 000 руб.
от 40 000 до 60 000 руб.
AwardWallet Пермь
от 45 000 до 60 000 руб.
15 авг. 2018, в 01:47
30000 руб./за проект
15 авг. 2018, в 01:09
70000 руб./в месяц
14 авг. 2018, в 22:43
350 руб./за проект