Как выровнять блок?

Question

Илья Деревянных @Ylia_dr

HTML
CSS

Как выровнять блок?

Не могу выровнять нижнее меню сайт

Вопрос задан более трёх лет назад
106 просмотров

1 комментарий

Подписаться 1 Простой 1 комментарий

Решения вопроса 1

8 комментариев

Rustam Bainazarov @SmthTo Куратор тега CSS

Это где вас учили выравнивать на absolute такой случай? Хак-то правильный, но зачем вообще тут absolute?

Написано более трёх лет назад
Артем Прохоров @kotcich

Рустам Байназаров, ну это быстро и просто в данной ситуации, чтобы он в коде копался и не завис на 1 моменте. В данном случае оправданно, мне так кажется, извините если не прав, покажите свое.

Написано более трёх лет назад
Rustam Bainazarov @SmthTo Куратор тега CSS

Артем Прохоров, вы не правы, так как в этом случае весь блок меню из потока вёрстки выйдет, из-за чего его габариты не будут учитываться окружением.

Написано более трёх лет назад
Артем Прохоров @kotcich

Рустам Байназаров, Я почему то не написал в ответе relative для родителя, хотя в голове с этого начал, исправил ответ, спасибо.

Написано более трёх лет назад
Rustam Bainazarov @SmthTo Куратор тега CSS

Артем Прохоров, это ничего не изменит, т. к. обёртка всё равно схлопнется в нуль по высоте, из-за чего пункты меню налезут на контент ниже. Вы сами попробуйте это, прежде чем советовать.

Это вот так делается, например:
snippet

Написано более трёх лет назад
Rustam Bainazarov @SmthTo Куратор тега CSS

Артем Прохоров, а вот так будет, если делать на absolute:

snippet

Видите, как на контент налезает? Придётся вручную ставить родительскому блоку высоту для каждого разрешения. Зачем оно нужно? Правильно, оно тут не нужно вообще.

Написано более трёх лет назад
Артем Прохоров @kotcich

Рустам Байназаров, Понял принял, сейчас на самом деле сам полез проверять. Оставьте свой ответ парню, отдельно, а не в комментарии, чтоб увидел наверняка.

Написано более трёх лет назад
Rustam Bainazarov @SmthTo Куратор тега CSS

Артем Прохоров, да ладно, увидит :))

Он пока, видимо, домен переносит.

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

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

Войти через центр авторизации

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

CSS

Простой
Почему line-clamp для обрезания строк отображает текст ниже троеточия?
- 1 подписчик
- 7 часов назад
- 30 просмотров
1

ответ
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- 8 часов назад
- 40 просмотров
2

ответа
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- вчера
- 44 просмотра
0

ответов
CSS

Простой
Не работает скролл на фоне блока. Как исправить?
- 1 подписчик
- вчера
- 36 просмотров
1

ответ
HTML

+1 ещё

Простой
Как поместить картинку рядом с текстом?
- 1 подписчик
- вчера
- 76 просмотров
2

ответа
CSS

Простой
Как выровнять по высоте заголовки в карточках товаров?
- 1 подписчик
- вчера
- 82 просмотра
3

ответа
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 3 подписчика
- вчера
- 690 просмотров
2

ответа
CSS

Средний
Почему у элемента такое поведение?
- 4 подписчика
- вчера
- 2288 просмотров
0

ответов
CSS

Простой
Почему не работает transition свойство в scss файле через webpack?
- 1 подписчик
- 22 апр.
- 61 просмотр
2

ответа
HTML

+1 ещё

Простой
Почему верхние и нижние внешние отступы пустого блока не схлопываются?
- 2 подписчика
- 22 апр.
- 211 просмотров
4

ответа
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Переложить планировщик задач в веб-интерфейс

24 апр. 2024, в 23:57

1200 руб./в час

Telegram Парсер бот

24 апр. 2024, в 23:40

10000 руб./за проект

Доработка андроид приложения на kotlin

24 апр. 2024, в 23:13

130000 руб./за проект

Ваш сайт недоступен, ну а так:

snippet

Answer 1 · 2019-10-16 22:18:40

relative для main-navigation
position: absolute для ul
ширину не давай ей 100% что бы список не растянулся под main-navigation
absolute
left: 50%;
transform: translateX(-50%) (для того что бы исправить выравнивание, попробуй без трансформа посмотреть, поймешь о чем я)

Как выровнять блок?

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

Минуточку внимания

Войдите на сайт