Страницы

Поиск по вопросам

понедельник, 18 марта 2019 г.

Как сделать overflow: visible для отдельного элемента

Здравствуйте, есть абстрактный контейнер, например, .container который имеет свойство overflow: hidden, внутри него есть элемент, например, label, который в свою очередь имеет абсолютное позиционирование, и мне его нужно вынести за блок, разумеется свойство overflow: hidden не дает мне это сделать, как мне решить эту проблему? Может через JS?
.form-group { position: relative; overflow: hidden; } label.error { position: absolute; left: 0; top: 100px; }




Ответ

Только так.
.outer-wrapper { position: relative; padding: 100px; background: white; } .wrapper { overflow: hidden; height: 200px; background: darkblue; } .overflowed { position: absolute; width: 50%; background: lightblue; padding: 50px; top: 50px; left: 50px; font-family: sans-serif; }

(Overflowing the wrapper)

Комментариев нет:

Отправить комментарий