下面我們就對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)的妙用_經驗交流
p 最小高度可以設定一個BOX的最小高度, 當其內容較少時時,也能保持BOX的高度為一定 /p
現在的效果,IE中沒保持最小高度為150px。

5.Web前端新人筆記之height、min-height的區別
瀏覽器參照基準:Firefox, Chrome, Safari, Opera, IE;* IE6不支持CSS min-height屬性。最小高度的定義:1. 元素擁有默認高度;2. 當內容超出元素的默認高度時,元素的高度隨內容增加而增加
【相關推薦】
1.VeVb.com原創html5視頻教程
2.韓順平 2016年最新p css 基礎視頻教程
3.韓順平 2016年 最新html基礎視頻教程
4.韓順平 2016年 最新html高級視頻教程
以上就是HTML min-height用法總結的詳細內容,html教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答