Задать вопрос

Почему блоки не выравниваются вертикально по середине?

Всем привет, смотрите, есть блок (неизвестно какой высоты, да и не столь важно), ему задано свойство position: relative; В нём есть блок с фиксированной высотой 96px, данному блоку задано свойство position: absolute; top: 50%; margin-top: -48px; Я ожидаю выравнивание вертикально по середине, но этого не происходит, раньше, насколько помню всё выравнивалось...
  • Вопрос задан
  • 184 просмотра
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
Комментировать
@bee15
Блоку с absolute дайте
margin: auto;
top:0;
bottom: 0;
вместо top: 50%; margin-top: -48px;
Ответ написан
Комментировать
@Uragan7
Front-end development and traffic monetization
Я бы использовал для вложенного блока
.class {
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
}
Это позволит выровнять по центру блок любой высоты и ширины.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы