# Faire cohabiter un header sticky et une section plein écran

Source canonique : [Faire cohabiter un header sticky et une section plein écran](<https://sebastien.rigaux.be/veille/liens/faire-cohabiter-un-header-sticky-et-une-section-plein-ecran>)

L’article analyse les pièges de position: sticky lorsqu’un header doit cohabiter avec des éléments hauts comme le viewport. Il aide à comprendre les contraintes de conteneur qui rendent ces layouts fragiles.

- Sélectionné le : 2024-09-13

- Mise à jour de la fiche : 2026-10-14T07:00:28+0000

- Format : Article

- Langue de la source : EN

- Crédit : https://www.smashingmagazine.com/author/philip-braunen/

Ressource originale : [Faire cohabiter un header sticky et une section plein écran](<https://www.smashingmagazine.com/2024/09/sticky-headers-full-height-elements-tricky-combination/>)

Tags : [CSS](<https://sebastien.rigaux.be/veille/tags/css>) · [UI/UX](<https://sebastien.rigaux.be/veille/tags/ui-ux>)

Versions disponibles : [Français](<https://sebastien.rigaux.be/veille/liens/faire-cohabiter-un-header-sticky-et-une-section-plein-ecran>) · [English](<https://sebastien.rigaux.be/en/tech-watch/links/combine-sticky-headers-with-full-height-sections>)

[Retour à la veille](<https://sebastien.rigaux.be/veille>)