Задать вопрос
Tolly
@Tolly
css

Как выравнять блок по вертикали в IE11, с помощью flex, если высота min-height?

Ищу решение для IE11, чтобы работало flex выравнивание по вертикали, если высота задается min-height. Если задать высоту фиксированной, указав height, то все прекрасно работает.
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<style>
	.outer {
		width: 500px;
		min-height: 500px;
		background-color: skyblue;
		margin: auto;
		display: flex;
		justify-content: center;
		align-items: center;		
	}
	.inner {
		width: 150px;
		height: 150px;
		background-color: tomato;
	}
	</style>
</head>
<body>
	<div class="outer">
		<div class="inner">
			 AAAAAAAAAA
		</div>
	</div>
</body>
</html>
  • Вопрос задан
  • 212 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
Tolly
@Tolly Автор вопроса
Нашел решение, нужно указать еще height, хотя бы равный 1px.
Тогда минимальная высота будет работать как надо, и выравнивание тоже сработает.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Подобрать картинки для каталога
27 апр. 2024, в 06:40
2000 руб./за проект
Подключить сервер к сети
27 апр. 2024, в 02:39
2500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Ещё заказы