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