CSS では、height 属性を使用して div の高さを設定でき、div 要素に「height: height value;」スタイルを追加するだけです。 height 属性は要素の高さを設定します。これは、パディング、境界線、またはマージンを除く、要素のコンテンツ領域の高さを定義します。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css は div の高さを設定します
css では、height 属性を使用して div の高さを設定できます。コード例:
<!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>レンダリング:
##説明:
height 属性は要素の高さを設定します。 。 注: 高さ属性には、パディング、境界線、またはマージンは含まれません。 属性値:| 説明 | |
|---|---|
| ## ＃デフォルト。ブラウザは実際の高さを計算します。 | |
| px、cm、その他の単位を使用して高さを定義します。 | |
| それを含むブロックレベルのオブジェクトの高さのパーセンテージに基づきます。 |
以上がCSSでdivの高さを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
