Доброе утро! У меня есть два блока main и aside которые

Question

Доброе утро! У меня есть два блока main и aside которые

стоят друг напротив друга. И также есть .pagination который под ними и центрирован на всю ширину экрана.

Семантически .pagination должен находиться в блоке main.

Я попробовал отцентровать его при помощи:

.pagination {
position: absolute;
left: 50%;
transform: translateX(-50%);
}

И вроде всё работает, но так как он выпал из потока, элементы ниже игнорируют его высоту.

Вопрос, как можно это решить?

Вот здесь думаю наглядно показано.

#css #frontend #html #programming #russian

0

11.07.2022

3 ответов

5 просмотров

Almaz Автор вопроса

Без гридов надо сделать.

0

11.07.2022

Almaz Автор вопроса

Илья Оловянников
У пагинации же фиксированная высота. Так что блок...

Думал это нарушит БЭМ, но вроде можно сделать следующее: .main-aside-wrapper__pagination-height { margin-top: calc(var(--pagination-height) + margin); } Спасибо! ❤️

0

11.07.2022

Илья Оловянников · Accepted Answer

Илья Оловянников

Almaz
Без гридов надо сделать.

У пагинации же фиксированная высота. Так что блокам, которые зависят от высоты пагинации можешь сделать калькуляцию высоты - calc(100% - высотаПагинации - отступНапример)

0

11.07.2022

169 похожих чатов

Доброе утро! У меня есть два блока main и aside которые

3 ответов

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