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

Question

[Степан]

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

Есть ли выход из этой ситуации?

Comments

[Степан]

@sanatik Именно!

Answer 1

[Виталий Киренков]

Никак. Оберните ваш блок в ещё одну обёртку и в неё положите этот элемент, ничего страшного с размёткой не случиться...

Answer 2

[memba]

Выкидываете overflow:hidden и вешаете на элемент clear-fix класс:

.clear:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

Comments

[Евгений Петров]

Вот это лишнее

height: 0;
visibility: hidden;

[memba]

Чего лишнее? Тогда content будет отображаться на странице ниже элемента....

[ParaBellum577]

шляпа

Answer 3

[Анна Бакурова]

hidden будет игнорироваться только если элементу дать position fixed - другого нет варианта. Согласна что было бы круто если бы такое было возможно))

Comments

[Анна Бакурова]

@sanatik нет не потерял бы смысл. так как часто такое дизы рисуют.
Что то типа элемент с свойствам visible: important visible игнорирует hidden родителя. Но да Я с Вам полностью согласна тут нужно выносить элемент, так как по другому никак