Maison >interface Web >tutoriel CSS >Comment définir la hauteur div en CSS
Comment définir la hauteur div en CSS
- 青灯夜游original
- 2021-04-21 11:23:195859parcourir
En CSS, vous pouvez utiliser l'attribut height pour définir la hauteur du div. Il vous suffit d'ajouter le style "height: height value;" à l'élément div. L'attribut height peut définir la hauteur d'un élément. Il définit la hauteur de la zone de contenu de l'élément, à l'exclusion du remplissage, des bordures ou des marges.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
css définir la hauteur du div
En CSS, vous pouvez utiliser l'attribut height pour définir la hauteur du div. Exemple de code :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
div {
width: 500px;
border: 1px solid red;
margin: 10px 0;
}
div.height{
height:100px;
}
</style>
</head>
<body>
<div>
这是一些文本。 这是一些文本。 这是一些文本。 （默认高度）
</div>
<div class="height">
这是一些文本。 这是一些文本。 这是一些文本。(高度设置为100px)
</div>
</body>
</html>Rendu :
Description :
L'attribut Height définit la hauteur de l'élément .
Remarque : L'attribut height n'inclut pas le remplissage, les bordures ou les marges !
Valeur de l'attribut :
| 值 | 描述 |
|---|---|
| auto | 默认。浏览器会计算出实际的高度。 |
| length | 使用 px、cm 等单位定义高度。 |
| % | 基于包含它的块级对象的百分比高度。 |
Pour plus de connaissances liées à la programmation, veuillez visiter : Introduction à la programmation ! !
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!