元素的高度自適應

元素的高度自適應

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

屬性：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；

hack3：給父元素添加此聲明（推薦使用）

父元素：after{content："."; height:0; display:block; overflow:hidden; clear:both; visibility:hidden;}

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com