溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了css中使用height屬性的案例，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
css height屬性定義及用法
在css中，height屬性是使用來設(shè)置元素的高度，不包括填充，邊框，或頁邊距，在內(nèi)容區(qū)外面可以增加內(nèi)邊距、邊框和外邊距。行內(nèi)非替換元素會忽略這個屬性。
height屬性使用的非常多，是css中常用屬性，當(dāng)需要設(shè)置元素的高度的使用，就可以使用該屬性來實現(xiàn)。如果需要設(shè)置元素的寬度，我們可以使用width屬性來實現(xiàn)。height屬性和width屬性通常同時使用來控制元素的大小。
css height屬性語法格式
css語法：height:auto/length/%/inherit;
JavaScript語法：object.style.height="50px";
css height屬性值說明
auto ：默認(rèn)值，瀏覽器會計算出實際的高度；
length：使用 px、cm 等單位定義高度；
%：基于包含它的塊級對象的百分比高度；
inherit：規(guī)定應(yīng)該從父元素繼承 height 屬性的值
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css height屬性設(shè)置元素的高度</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>運行結(jié)果
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享css中使用height屬性的案例內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼