Задать вопрос
xoma2
@xoma2
Программист
javascript

Есть блок с overflow:hidden в нем есть элемент который должен выходить за рамки блока, как реализовать?

c16e842cd8cd49bbbaa64674c70c44b3.png

Собственно вот.
Убирать hidden нельзя так как он собой закрывает другие элементы.
И менять разметку нельзя.

Есть ли выход из этой ситуации?
  • Вопрос задан
  • 15600 просмотров
1 комментарий
Подписаться 2 Оценить 1 комментарий
Решения вопроса 2
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Никак. Оберните ваш блок в ещё одну обёртку и в неё положите этот элемент, ничего страшного с размёткой не случиться...
Ответ написан
Комментировать
Комментировать
@memba
Выкидываете overflow:hidden и вешаете на элемент clear-fix класс:

.clear:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ответы на вопрос 1
Libris
@Libris
hidden будет игнорироваться только если элементу дать position fixed - другого нет варианта. Согласна что было бы круто если бы такое было возможно))
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
JavaScript FullStack разработчик
Rocket • Брянск
от 60 000 до 100 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Собрать две карты из стандартных объектов в Unity
21 мая 2024, в 14:44
700 руб./за проект
Разработать front-end часть web-приложения
21 мая 2024, в 14:18
150000 руб./за проект
Сделать сайт
21 мая 2024, в 14:04
90000 руб./за проект
Ещё заказы