Ориентировать div всегда в центр вертикально

Хорошие, я пробую ориентировать вертикальный div и горизонтально. Горизонтально у меня нет проблемы, я использую FlexBox и всегда останься в центр, но вертикально уже осложняют я и я это не получаю.

body {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.container {
    width: 200px;
    height: 200px;
    background-color: black;

}

Что проходит со мной?? имея direction в row align-статьи: center был бы должен ориентировать это вертикально на контейнер отец, который является body., но это не делает

0
задан 05.06.2017, 16:21
1 ответ

Действительно @Rodry это это решает. То, за чем оно последует, состоит в том, что у как HTML, так и назначенного по умолчанию BODY есть height: auto;, или же, что они растут в funciГіn Вашего контента.

scroll окна соответствует элементу: root, внутри которого estГЎn те два.

Другая вещь, которую ты можешь делать, если ты нуждался aГ±adir mГЎs в элементах, которые были видны, сделав scroll, но поддерживая твой .container, сориентированный касательно окна, состоит в том, чтобы оставлять назначенную по умолчанию высоту HTML и BODY и в любой secciГіn тебя pГЎgina применять 100 % высоты viewport таким образом:

section {
    height: 100vh;
}
1
ответ дан 24.11.2019, 08:35