Pourquoi ne fonctionne-t-il pas Overflow:hidden sur les DIV imbriqués absolument positionnés, à moins que le parent ne soit positionné relativement ?

Positionnement absolu et énigme cachée de débordement

Lorsque vous traitez des DIV imbriqués, il peut être difficile d'appliquer des propriétés cachées de débordement sur le DIV externe si il n'est pas positionné de manière absolue. Cela peut conduire au DIV interne, qui est positionné de manière absolue, sans tenir compte du comportement caché de débordement.

Considérez la structure HTML suivante :

<div>

Où #first a une propriété cachée de débordement et # la seconde est positionnée de manière absolue. Dans ce scénario, #second ne respectera pas la contrainte cachée de débordement.

Pour résoudre ce problème sans définir #first sur position absolue, envisagez la solution suivante :

1. Position #first en tant que relatif :

   #first {
     position: relative;
   }

2. Gardez la #seconde positionnée absolument :

   #second {
     position: absolute;
   }

Avec cette configuration, #second adhérera désormais à la propriété cachée de débordement de #first. Cela vous permet de conserver la disposition souhaitée tout en garantissant que le DIV interne respecte les contraintes de débordement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!