css中高度屬性height的使用方法總結

CSS高度是指通過CSS 樣式設定對應p高度，CSS高度屬性為單詞height，寬度width可以設定為以百分比計算高度、以像素值設定高度、以相對長度單位設定高度等等。該屬性得到所有主流瀏覽器的支援。下面將對height屬性的使用方法進行總結。

1.使用CSS解決高度自適應問題

高度自適應問題，我很抵觸用js去解決，因為不好維護，也不夠自然，但是純用CSS，難度不小，比如下面我要說的例子。

需求：

1. 這個矩形的高度和瀏覽器視窗的高度相同，不能出現縱向捲軸

2. 綠色部分高度固定，比如50px

3. 紫色部分填充剩餘的高度

2.css多個div浮動float高度自適應的兩種方法

css多個p float並排，高度都自適應（自增）

採用 Div + CSS 進行三列或二列布局時，要使兩列（或三列）的高度相同，用 Table 很容易實現，但採用 Div + CSS 就顯得比較麻煩了。按照一般的做法，大都採用背景圖填充或 JS 指令碼的方法使高度相同。

3.詳解CSS控制div寬度最大寬度/高度和最小寬度/高度的方法

在網頁製作中經常要控制p寬度最大寬度/高度或者最小寬度/高度，但是在IE6中很多朋友都會遇到不相容的頭疼問題，包括我也經常遇到這樣的問題，在百度查了很多都沒法解決，後來在一個論壇上學習到，在這裡跟大家分享下css3樣式代碼，經過時間完全相容各大主流瀏覽器。

4.DIV+CSS布局中自適應高度的解決方案

本文使用執行個體，向大家詳細講解在DIV+CSS的布局中是如何自適應高度。

5.CSS 控制Html頁面高度導致抖動問題的原因

CSS 控制Html頁面高度導致抖動，這類由高度導致頁面抖動的問題，其實究其根本原因是捲軸是否顯示導致的

經實驗，是可以執行的。由此可以得出結論：這類由高度導致頁面抖動的問題，其實究其根本原因是捲軸是否顯示導致的。

高度屬性height使用的相關問答:

1.css - div 自適應高度 自動填滿剩餘高度

2.如何用flex實現三欄布局，但是子項目高度要自適應呢？

3.CSS3 flex 如何讓高度不等的同排等高？