Вопросы Теги

Многократное исполнение Pexpect child

Решение сетки CSS

Просто определение body с display:grid и grid-template-rows с использованием свойства свойства auto и fr. 

* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

header {
  padding: 1em;
  background: pink;
}

main {
  padding: 1em;
  background: lightblue;
}

footer {
  padding: 2em;
  background: lightgreen;
}

main:hover {
  height: 2000px;
  /* demos expansion of center element */
}
HEADER


MAIN


FOOTER

Полное руководство по сеткам @ CSS-Tricks.com

0
задан M.Girish Babu 16 January 2019 в 04:48
поделиться