元素的高度自適應

2022-09-16 04:24:14 字數 671 閱讀 3446

網頁布局中有時候有的高度需要根據內容調整,所以不能固定,今天就來說說,最小高度自適應

屬性:min-height 最小高度,但ie6不識別該屬性,height在ie6中類似min-height屬性;

以下是解決bug問題方法:

hack1:min-height:value; _height:value;(ie6能識別下劃線"_"和星號" * ",ie7能識別星號" * ",但不能識別下劃線"_",而firefox兩個都不能認識)

hack2:min-height:value; _height:auto !important; height:value;(建議使用)

min-height 最小高度

max-height 最大高度

min-width最小寬度

max-width 最大寬度

浮動元素的高度自適應

如果父元素未設定高度和寬度且它裡面包含了浮動元素,那麼它的高度就會出現塌陷問題,解決高度塌陷的問題很簡單,可以浮動父級元素、清除法等等,均可實現

hack1:給父元素新增浮動屬性:float;

hack2:給父元素新增屬性:overflow:hidden;

hack3:在浮動元素下方新增乙個空的div,並給此元素新增屬性:clear:both;height:0;overflow:hidden;

父元素:after

CSS 元素的高度,元素高度自適應螢幕高度

元素的高度預設是auto,被內容自動撐開 100 使得html的height與螢幕的高度相等 50 使得html的height等於螢幕的一半 若想讓乙個的高度與螢幕高度自適應,始終充滿螢幕,需要從html層開始層層新增height 100 元素沒有 margin和padding 元素有margin ...

高度自適應

開發中遇到乙個問題,要求不管在多高的螢幕下,什麼都行 到底部的距離都應該和psd一致,flash裡面的問題 定義寬度 var psdwidth 750 定義高度 var psdheight 1448 獲取手機螢幕寬度 var w window.innerwidth document.document...

高度自適應

1.高度不去設定,或者高度設定auto 內容撐開父元素的高度。2.內容撐開父元素的高度 最小高度的設定 min height 3.浮動元素新增高度自適應 新增浮動元素的父元素沒有高度,會出現高度塌陷 1 給出現高度塌陷的元素新增 overflow hidden 原理 overflow hidden ...