Body не растягивается по размеру экрана

247
06 февраля 2018, 07:21

Добрый день! Возникла проблема на сайте. если на странице мало контента то footer поднимается на верх и оставляет пустое белое место, коротко говоря body не привязан к размеру экрана. Пожалуйста подскажите в чем дело) Ссылка на сайт с такой проблемой внизу. Заранее спасибо!!!

Ссылка на сайт с проблемой

Answer 1

body{ 
  min-height:100vh; 
  display:flex; 
  flex-direction:column; 
  margin:0; 
} 
header,footer{ 
  flex:0 0 auto; 
  /*для наглядности*/ 
  height:50px; 
  background-color:green; 
  color:#fff; 
  text-align:center; 
  line-height:50px; 
   
} 
main{ 
  flex:1 1 auto; 
}
<body> 
  <header>Шапка</header> 
  <main></main> 
  <footer>Подвал</footer> 
</body>

READ ALSO
Адаптивное фоновое изображение
CSS

Адаптивное фоновое изображение

 243
Как сверстать параллакс на заднем плане, с условием, что кристаллы на разных слоях?
CSS

Как сверстать параллакс на заднем плане, с условием, что кристаллы на разных слоях?

Например три разных слоя с группами кристалловКак сверстать, спозиционировать эти группы, чтобы они не перекрывали информацию?

 275
Как сверстать такую тень у блока?
CSS

Как сверстать такую тень у блока?

 248
Как найти элемент по имени класса в selenium?
CSS

Как найти элемент по имени класса в selenium?

Есть список HTML элементов a:

 185