首頁 > web前端 > html教學 > HTML min-height用法總結

HTML min-height用法總結

巴扎黑
發布: 2017-06-07 16:51:15
原創
3327 人瀏覽過

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

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

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

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

Css min-height應用地方解釋

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

HTML min-height用法總結

2.關於min-height注意點

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

HTML min-height用法總結

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。

HTML min-height用法總結

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板