元素的高度自適應
網頁佈局中有時候有的高度需要根據內容調整,所以不能固定,今天就來說說,最小高度自適應
屬性: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;
hack33 :給父元素添加此聲明(推薦使用)
父元素:after{content:"."; height:0; display:block; overflow:hidden; clear:both; visibility:hidden;}