Le débordement défilant est utilisé en CSS pour contrôler ce qui se passe lorsque le contenu est trop grand pour tenir dans une zone ou un conteneur. En d’autres termes, il spécifie comment gérer le contenu qui déborde de la boîte définie.
La propriété CSS pour cela est `overflow` et elle peut avoir l’une des valeurs suivantes :
- `visible` : C’est la valeur par défaut. Le contenu n’est pas coupé et il s’étend au-delà de la boîte.
- `hidden` : Le contenu est coupé et aucune barre de défilement n’est fournie pour voir le reste du contenu.
- `scroll` : Une barre de défilement est toujours fournie pour voir le reste du contenu.
- `auto` : Une barre de défilement est fournie si nécessaire.
Voici un exemple d’utilisation de la propriété `overflow`:
```
div {
width: 150px;
height: 150px;
overflow: scroll;
}
```
Dans cet exemple, si le contenu dans le `div` est plus grand que 150px par 150px, alors les barres de défilement seront affichées pour que l’utilisateur puisse voir le reste du contenu.
Si vous voulez contrôler séparément le défilement horizontal et vertical dans une zone, vous pouvez utiliser `overflow-x` et `overflow-y` à la place. Par exemple :
```
div {
width: 200px;
height: 200px;
overflow-x: scroll;
overflow-y: hidden;
}
```
Dans cet exemple, la barre de défilement horizontale est toujours visible, mais la barre de défilement verticale est désactivée.
