高度自適應(yīng)就是高度能跟隨瀏覽器窗口的大小改變而改變,典型的運(yùn)用在一些后臺(tái)界面中上面一欄高度固定用作菜單欄或?qū)Ш綑冢旅嬉粰诟叨茸赃m應(yīng)用于顯示內(nèi)容。高度自適應(yīng)不像寬度自適應(yīng)那樣簡(jiǎn)單,在兼容瀏覽器方面也稍微復(fù)雜一些。
自適應(yīng)高度樣式有兩種情況:
第一種:一定高度內(nèi)容加多時(shí)自適應(yīng)高度,而內(nèi)容少時(shí)DIV有一定最小高度;
第二種:沒(méi)有最小高度,DIV完全自適應(yīng)高度。
第一種情況的解決辦法:
_height:200px; /* css 注解: 僅IE6設(shè)別此屬性,假定最低高度是200px ,設(shè)置高度200px,內(nèi)容超出后IE6會(huì)自動(dòng)撐高設(shè)定高度 */
min-height:200px; /* css注釋: css最小高度為200px支持所有瀏覽器,IE6瀏覽器除外 */
第二種情況的解決辦法:
對(duì)DIV設(shè)置固定高度或不設(shè)置CSS高度樣式,其DIV盒子默認(rèn)是自適應(yīng)高度。