Dino Geek essaye de t'aider

Comment utiliser le défilement débordant en CSS?


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.


Générez simplement des articles pour optimiser votre SEO
Générez simplement des articles pour optimiser votre SEO





DinoGeek propose des articles simples sur des technologies complexes

Vous souhaitez être cité dans cet article ? Rien de plus simple, contactez-nous à dino@eiki.fr

CSS | NodeJS | DNS | DMARC | MAPI | NNTP | htaccess | PHP | HTTPS | Drupal | WEB3 | LLM | Wordpress | TLD | Nom de Domaine | IMAP | TCP | NFT | MariaDB | FTP | Zigbee | NMAP | SNMP | SEO | E-Mail | LXC | HTTP | MangoDB | SFTP | RAG | SSH | HTML | ChatGPT API | OSPF | JavaScript | Docker | OpenVZ | ChatGPT | VPS | ZIMBRA | SPF | UDP | Joomla | IPV6 | BGP | Django | Reactjs | DKIM | VMWare | RSYNC | Python | TFTP | Webdav | FAAS | Apache | IPV4 | LDAP | POP3 | SMTP

| Whispers of love (API) | Déclaration d'Amour |






Mentions Légales / Conditions Générales d'Utilisation