Заставить div всегда занимать всю высоту страницы - с отрицательным верхним полемCSS

Разбираемся в CSS
Ответить
Anonymous
 Заставить div всегда занимать всю высоту страницы - с отрицательным верхним полем

Сообщение Anonymous »

На моей странице есть один раздел, который я хочу всегда занимать всю высоту страницы и перекрывать панель навигации и нижний колонтитул. Я переместил элемент div с отрицательным запасом вверх, но не могу расширить его вниз. Это статический веб-сайт, поэтому его нужно делать только с помощью SCSS. Может ли кто-нибудь помочь?

Код: Выделить всё

.nav {
width: 100%;
height: 4rem;
background-color: #FFE2E2;
}

.container {
height: 1500px;
display:flex;
flex-direction: row;
justify-content: space-around;
}

.full-height {
background-color: red;
opacity: .5;
margin-top: -4rem;
height: 100%;
width: 200px;
}

.normal-column {
background-color: yellow;
opacity: .5;
height: 100%;
width: 200px;
}

.footer {
width: 100%;
height: 6rem;
background-color: #FFE2E2;
}



Подробнее здесь: https://stackoverflow.com/questions/784 ... top-margin
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»