Растянуть блок на всю высоту Landing page

427

02 мая 2017, 04:26

У меня на Landing'e блок типа хедера находится слева, и он должен продолжаться на весь landing.Уже пробовал по разному, но кроме фиксированной высоты и добавить идентичный блок каждой секции в голову ничего не приходит.

Заранее благодарен за помощь.

Answer 1

Для отображения элемента на всю высоту страницы его нужно определять дочерним элементом родительского. Сам изначально долго ломал голову, а всё было просто - я не позиционировал родительский элемент как position: relative; Прилагаю пример:

.container { 
  width: 500px; 
  height: 1000px; 
  background: red; 
  position: relative; /* it's important */ 
} 
 
.element { 
  position: absolute; /* it's important */ 
  width: 80px; 
  background: black; 
  height: 100%; 
}

<div class = "container"> 
  <div class = "element"> 
     
  </div> 
 
</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Каким образом сделать подобное?

Подскажите как лучше(профессиональней) сделать подобное?

372

HTML

Как выровнять по центру?

Есть div блок и 4х4 div блока в нём

409

HTML

Не работает font-awesome из npm

Поставил font-awesome так: npm install --save font-awesomeПосле этго пытаюсь получить картинку:

395

HTML

JQuery поменять элементы местами

Как можно менять местами блоки? Чтобы каждые 10 секунд последний блок вставал на место первого, второй на место третьего, третий на место последнегоИ...

1190