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

#javascript #html #css

Здравствуйте, есть абстрактный контейнер, например, .container который имеет свойство
overflow: hidden, внутри него есть элемент, например, label, который в свою очередь
имеет абсолютное позиционирование, и мне его нужно вынести за блок, разумеется свойство
overflow: hidden не дает мне это сделать, как мне решить эту проблему? Может через JS?



.form-group {
  position: relative;
  overflow: hidden;
}

label.error {
  position: absolute;
  left: 0;
  top: 100px;
}

  

            Ваше имя

          

  Это поле обязательное.




    

Ответы

Ответ 1

Только так.



.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)