Position absolue et dépassement caché

Nous avons deux DIV, l’une intégrée dans l’autre. Si la DIV externe n’est pas positionnée de manière absolue, la DIV interne, qui est positionnée de manière absolue, n’obéit pas au dépassement de capacité caché de la DIV externe ( exemple ).

Y a-t-il une chance de faire en sorte que la DIV interne obéisse au débordement caché de la DIV externe sans que la DIV externe ne se positionne en absolu (car cela va affaiblir notre disposition complète)? La position relative de notre DIV interne n’est pas non plus une option, car nous devons “évoluer” d’une table TD ( exmple ).

Il y a-t-il des alternatives?

Rendre la position

externe position: relative et interne

à la position: absolute . Il devrait fonctionner pour vous.

Qu’en est-il de la position: relative pour la div externe? Dans l’exemple qui cache l’intérieur. Il ne le déplacera pas non plus dans sa mise en page car vous ne spécifiez pas de haut ou de gauche.

Un élément positionné de manière absolue est en fait positionné par relative un parent relative ou au parent relatif le plus proche. Donc, l’élément avec overflow: hidden devrait être entre les éléments positionnés relative et absolute :

 
.relative-parent { position:relative; } .hiding-parent { overflow:hidden; } .child { position:absolute; }

Vous faites juste des div comme ça:

 



J’espère que ce code vous aidera 🙂