Rumah > Artikel > hujung hadapan web > css height属性怎么用
css height属性怎么用
- silencementasal
- 2019-05-27 16:25:393701semak imbas
css height属性定义及用法
在css中，height属性是使用来设置元素的高度，不包括填充，边框，或页边距，在内容区外面可以增加内边距、边框和外边距。行内非替换元素会忽略这个属性。
height属性使用的非常多，是css中常用属性，当需要设置元素的高度的使用，就可以使用该属性来实现。如果需要设置元素的宽度，我们可以使用width属性来实现。height属性和width属性通常同时使用来控制元素的大小。
css height属性语法格式
css语法：height:auto/length/%/inherit;
JavaScript语法：object.style.height="50px";
css height属性值说明
auto ：默认值，浏览器会计算出实际的高度；
length：使用 px、cm 等单位定义高度；
%：基于包含它的块级对象的百分比高度；
inherit：规定应该从父元素继承 height 属性的值
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css height属性设置元素的高度</title>
<style type="text/css">
div{width: 400px;border:1px solid red;}
#div1{height: 50px;}
#div2{height: 80px;}
#div3{height: 100px;}
</style>
</head>
<body>
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
</body>
</html>运行结果
Atas ialah kandungan terperinci css height属性怎么用. 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 list-style-position属性怎么用Artikel seterusnya：css font-variant属性怎么用