La façon de masquer la barre de défilement déroulante en CSS est d'ajouter l'attribut overflow, tel que [overflow:hidden], auquel cas la barre de défilement déroulante sera complètement masquée. Il convient de noter que l'attribut overflow ne fonctionnera que sur les éléments de bloc d'une hauteur spécifiée.
L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.
En CSS, nous pouvons utiliser l'attribut overflow pour contrôler l'ajout de barres de défilement dans la plage d'éléments correspondante lorsque le contenu déborde de la zone d'élément.
Si nous devons masquer la barre de défilement et afficher la barre de défilement lorsque le contenu déborde, il suffit de définir le débordement : style automatique ; si nous voulons masquer complètement la barre de défilement, il suffit de définir overflow : caché, mais de cette façon, le contenu de l'élément ne sera pas défilable.
Remarque : L'attribut overflow ne fonctionne que sur les éléments de bloc d'une hauteur spécifiée.
Par exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
<style>
div {
background-color: #eee;
width: 200px;
height: 50px;
border: 1px dotted black;
overflow: visible;
}
</style>
</head>
<body>
<div id="overflowTest">
<p>这里的文本内容会溢出元素框。</p>
<p>这里的文本内容会溢出元素框。</p>
<p>这里的文本内容会溢出元素框。</p>
</div>
</body>
</html>Tutoriel vidéo associé : Tutoriel vidéo CSS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
