Здравствуйте, есть абстрактный контейнер, например, .container
который имеет свойство overflow: hidden
, внутри него есть элемент, например, label
, который в свою очередь имеет абсолютное позиционирование, и мне его нужно вынести за блок, разумеется свойство overflow: hidden
не дает мне это сделать, как мне решить эту проблему? Может через JS?
.form-group {
position: relative;
overflow: hidden;
}
label.error {
position: absolute;
left: 0;
top: 100px;
}
<div class="form-group">
<label class="label-control"><br>
<span class="label-text">Ваше имя</span><br>
</label><br>
<span class="wpcf7-form-control-wrap text-53"><input name="text-53" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control required error" aria-required="true" aria-invalid="true" type="text"><label id="text-53-error" class="error" for="text-53">Это поле обязательное.</label></span>
</div>