元素的高度自適應(yīng)

元素的高度自適應(yīng)

網(wǎng)頁(yè)布局中有時(shí)候有的高度需要根據(jù)內(nèi)容調(diào)整，所以不能固定，今天就來(lái)說(shuō)說(shuō)，最小高度自適應(yīng)

屬性：min-height 最小高度，但I(xiàn)E6不識(shí)別該屬性，height在IE6中類似min-height屬性；

以下是解決BUG問(wèn)題方法：

hack1：min-height:value; _height:value;（IE6能識(shí)別下劃線"_"和星號(hào)" * "，IE7能識(shí)別星號(hào)" * "，但不能識(shí)別下劃線"_"，而firefox兩個(gè)都不能認(rèn)識(shí)）

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

min-height 最小高度

max-height 最大高度

min-width最小寬度

max-width 最大寬度

浮動(dòng)元素的高度自適應(yīng)

如果父元素未設(shè)置高度和寬度且它里面包含了浮動(dòng)元素，那么它的高度就會(huì)出現(xiàn)塌陷問(wèn)題，解決高度塌陷的問(wèn)題很簡(jiǎn)單，可以浮動(dòng)父級(jí)元素、清除法等等，均可實(shí)現(xiàn)

hack1：給父元素添加浮動(dòng)屬性：float；

hack2：給父元素添加屬性：overflow：hidden；

hack3：在浮動(dòng)元素下方添加一個(gè)空的div，并給此元素添加屬性：clear：both；height：0；overflow：hidden；

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

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

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com