Questo probabilmente sta tentando l'impossibile, ma vorrei visualizzare un elemento all'esterno di un elemento che è overflow: hidden
. So che non ha senso e le cose funzionano come dovrebbero, ma volevo solo ricontrollare per vedere se c'è un modo.forzare l'elemento da visualizzare fuori dall'overflow: nascosto
meglio descritta con questo codice:
.outer {
position: fixed;
top: 30px;
left: 50px;
overflow: hidden;
height: 30px;
width: 300px;
background: red;
}
.inner {
position: relative;
}
.show-up {
width: 100px;
height: 300px;
background: green;
position: absolute;
left: 20px;
overflow: visible;
}
<div class="outer">
<div class="inner">
<div class="show-up">this needs to show up ALL 300 pixels high of it</div>
</div>
</div>
Cosa stai cercando di realizzare? qual è l'overflow: nascosto; lì per? –
Non ne sono sicuro. Non penso che questo sia effettivamente possibile. Forse puoi provare a impostare l'elemento interno su "position: absolute;". Dubito che funzionerà comunque. Perché l'elemento outter deve essere nascosto in overflow? –
Questa situazione può essere utile per aggiungere un elemento per la descrizione comando, che dovrebbe essere visibile solo al passaggio del mouse sul genitore. E vuoi che il tooltip esca dall'overflow: elemento nascosto. –