Rumah >hujung hadapan web >tutorial css >css中div高度怎么设置
css中div高度怎么设置
- 青灯夜游asal
- 2021-04-21 11:23:195934semak imbas
在css中，可以使用height属性来设置div高度，只需要给div元素添加“height:高度值;”样式即可。height属性可以设置元素的高度，定义的是元素内容区的高度，不包括填充，边框，或页边距。
本教程操作环境：windows7系统、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属性设置元素的高度。
注意： height属性不包括填充，边框，或页边距！
属性值：
| 值 | 描述 |
|---|---|
| auto | 默认。浏览器会计算出实际的高度。 |
| length | 使用 px、cm 等单位定义高度。 |
| % | 基于包含它的块级对象的百分比高度。 |
更多编程相关知识，请访问：编程入门！！
Atas ialah kandungan terperinci css中div高度怎么设置. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css如何取消加粗Artikel seterusnya：css怎么设置td的宽度