height屬性設置元素的高度。注意： height屬性不包括填充，邊框，或頁邊距！本文章向碼農介紹CSS 高度height 的使用方法和基本實例，需要的css碼農可以參考一下。

css height高度簡介

這里的CSS高度是指通過CSS來控制設置對象的高度。使用CSS屬性單詞height。單位可以使用PX，em等常用使用PX（像素）為html單位。

一、height高度語法

1、高度基本語法

Height:auto 設置高度自動

（通常默認高度是auto自動，自適用內容而增高，通常如果想高度自適應不用設置）

Height:20px 設置高度為固定數值

2、CSS高度用法結構

#box{height:50px}

設置了box對象盒子高度為50px（像素）

擴展閱讀：CSS行高line-height

說明：“#box”為CSS選擇器，花括號內表示對象CSS樣式。

二、高度樣式用法

Height:50px 設置對象高度為50px

Height:50em 設置對象高度為50相對長度em

通常單獨對一個div高度為百分比沒有效果

擴展閱讀：html em標簽

CSS自適應高度

一般我們需要讓寬度一定時高度隨內容增加而增高。此時我們將無需設置高度即可實現此效果。同時也無需使用height:auto來實現高度自適應。通常默認情況下不用再設置高度值為auto，對象高度即是自適應高度。

常用px（像素）作為單位

三、html標簽內原始高度height元素設置

1）、設置table表格高度：<td height="50">內容</td>

2）、設置img圖片高度height：<img src="圖片地址" height="50" /> 當圖片設置高度后，如果寬度沒有設置，圖片將自動根據設置高度等比例縮小或放大顯示圖片(擴展閱讀：css img)

以上高度height的數值都沒有單位，也不需要添加單位，添加單位反而錯誤，默認以px像素為長度單位。

Html原始高度屬性與CSS高度對照

以前html直接設置高度 width="300"這種方式嵌入表格標簽內，而且無需帶單位，默認以px（像素）為單位。

table tr td表格高度樣式設置實例html代碼：

JavaScript Code復制內容到剪貼板

<table>     
    <tr>     
        <td height="100">我的高度為100px</td>     
    </tr>     
    <tr>     
        <td height="50">我高度為50px</td>     
    </tr>     
</table>    

分別設置了高度為100px和50px的兩行表格