Discussion :

[Thierry Chappuis]

Bonjour,

Je suis à la recherche d'un endroit dans la doc CSS qui documente le point que j'ai réduit au minimum ici.

Lorsque la div #e2 est positionnée, elle recouvre le float, tandis que lorsque elle ne l'est pas (je retire le postion: relative sur #e2), le comportement est celui que j'attends, à savoir que le float est au-dessus de #e2 et le texte présent dans cette div se développe autour du float. Pourtant, dans les deux cas, div#e2 garde sa place dans le flux.

C'est une situation qui revient potentiellement souvent p.ex. avec Bootstrap également. Mais je n'arrive pas à trouver la doc CSS qui documente ce comportement. Si quelqu'un a une idée, je suis preneur.

En attendant, je vous souhaite une très belle fin de semaine et vous envoie mes meilleures salutations

Thierry

[NoSmoking]

Bonjour,
ce qui me viens c'est « contexte d'empilement » (stacking context).

Concernant la documentation il y a :

• Visual formatting model (W3C)
• L'empilement de couches (MDN, suivre les liens)
• Ce que personne ne vous a jamais dit à propos de z-index (traduction sur Developpez)
• Comment fonctionnent les navigateurs (Developpez, c'est toujours bon à savoir)

et je reste persuadé que tu en trouveras encore un bon nombre