Dépassement de contenu et propriété overflow

La boîte suivante est en overflow:visible (c'est le comportement par défaut).

Je suis une boîte trop petite pour mon contenu ! Est-ce que vous voyez mon contenu en entier ?

La boîte suivante est en overflow:hidden : le contenu qui dépasse est caché. Pas une bonne idée sur du texte…

Je suis une boîte trop petite pour mon contenu ! Est-ce que vous voyez mon contenu en entier ?

La boîte suivante est en overflow:scroll : le navigateur ajoute des ascenseurs. Remarque : il y a une barre pour l'ascenseur horizontal, même si elle n'est pas utilisée.

Je suis une boîte trop petite pour mon contenu ! Est-ce que vous voyez mon contenu en entier ?

La boîte suivante est en overflow:auto : le navigateur doit fournir un moyen de voir tout le contenu, mais il décide comment. Typiquement, il ajoute des ascenseurs, mais uniquement dans les directions nécessaires ; sur notre exemple on voit qu'il n'y a (normalement…) pas de barre pour l'ascenseur horizontal.

Je suis une boîte trop petite pour mon contenu ! Est-ce que vous voyez mon contenu en entier ?

La boîte suivante est aussi en overflow:auto, mais comme il y a un mot long, le navigateur a mis des ascenseurs dans les deux directions.

Je suis une boîte trop petite pour mon contenu ! Je contiens un mot très long, anticonstitutionnellement. Est-ce que vous voyez mon contenu en entier ?

On peut aussi décider d'un comportement différent suivant les axes : la boîte suivante est en overflow-x:hidden et overflow-y:auto.

Je suis une boîte trop petite pour mon contenu ! Je contiens un mot très long, anticonstitutionnellement. Est-ce que vous voyez mon contenu en entier ?