HTML min-height用法總結

min-height 屬性設定元素的最低高度，該屬性值會對元素的高度設定一個最低限制。因此，元素可以比指定值高，但不能比其矮。不允許指定負值。

下面我們就將min-height的用法加總：

1.CSS中屬性min-height和max-height

為什麼我們要使用min-height和max-height樣式屬性？

Css min-height應用地方解釋

我們有時設定一個物件盒子時候避免物件沒有內容時候不能撐開，但內容多少不能確定所以又不能固定高度，這個時候我們就會需要css來設定min-height最小高度撐高物件盒子。當內容少時候最小高度能將內容顯示出，如果內容多餘最小高度能裝下時候，物件也會再隨內容增加而增加。

2.關於min-height注意點

#方法一：
min-height:160px; 設定物件box的最小高度，Firefox、IE7+適用；
height:auto!important; 設定物件box的高度無自動定位，使用!important對下height高度定位設定進行優先權提升；
height:160px; 設定物件高度，因上屬性!important運用，此屬性只有IE6認。

3.IE6不支援min-height或max-width等完美解決方法_html/css_WEB-ITnose

#又是IE6！ ！ ！坑人的IE6，不支援min-height，但實際操作中，這個屬性是非常需要的。那IE6下面怎麼實現呢？請看geniusalien提供的完美解決方案：
（geniusalien溫馨提示：本文的min-height操作方式試用於min-width、max-width、max-height。一樣按下面的解決方案進行！）

4.DIV CSS網頁版面最小高度（min-height）的妙用_經驗交流

最小高度可以設定一個BOX的最小高度， 當其內容較少時，也能維持BOX的高度為一定

 
現在的效果，IE中沒維持最小高度為150px。

5.Web前端新人筆記之height、min-height的區別 

瀏覽器參考基準：Firefox, Chrome, Safari, Opera, IE；* IE6不支援CSS min-height屬性。最小高度的定義：1. 元素擁有預設高度；2. 當內容超出元素的預設高度時，元素的高度隨內容增加而增加

【相關推薦】

#1.php.cn原始html5影片教學

2.韓順平2016最新p css 基礎影片教學

3.韓順平2016最新html基礎影片教學

4.韓順平2016年最新html進階影片教學

以上是HTML min-height用法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！