Estou querendo que a div filha 'sobreponha' a div pai que possui um overflow: hidden e um tamanho fixo. Essa div pai é um item de um de uma biblioteca de carrousel feita com JS e ele adiciona um tamanho fixo e um overflow: hidden e dentro dessa div eu tenho uma outra div que é no caso é um select personalizado feito em HTML e JS. Fiz um exemplo para mostrar qual é a situação:
.pai{
width: 150px;
height: 60px;
overflow: hidden;
border: 3px solid red;
margin-bottom: 50px;
text-align: center;
}
.pai.sem-overflow{
overflow: inherit;
}
.pai .filha{
width: 70px;
height: 150px;
margin: 0 auto;
border: 3px solid blue;
margin-top: 15px;
}
<h2>Como está atualmente</h2>
<div class="pai">
div pai com overflow
<div class="filha">
div filha
</div>
</div>
<h2>Como eu gostaria que ficasse</h2>
<div class="pai sem-overflow">
div pai <strong>sem overflow</strong>
<div class="filha">
div filha
</div>
</div>
overflow
tal como fez no exemplo?overflow: hidden;
ou retirando o overflow.