@uranus235

Как выровнить div по центру вертикально?

Есть 2 блока div, один внутри другого:

.window {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.4);
	z-index: 6;
}

.window-box {
	position: fixed;
	width: 500px;
	padding: 30px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #FFFFFF;
	box-shadow: 0 5px 30px rgba(0,0,0,0.3), inset 0 3px #38B7EA;
}


window-box находится внутри window.

Как сровнять window-box по центру по вертикали внутри window, не задавая высоту?
  • Вопрос задан
  • 2359 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
@amaduha
Вот здесь хорошо описано как выровнять блок
Ну или просто смотрите готовый пример
А так то конечно с появлением flexbox вопрос должен быть исчерпан. Другой вопрос, что он пока поддерживается не везде (:
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы