CSS高度的處理在不同IE版本的瀏覽器中可能是不一樣的,下面我們將逐個進行介紹。
IE6及以下版本:
height: 100px; /*設置固定高度*/ height: expression(this.scrollHeight >100 ? "100px" : "auto"); /*通過表達式進行設置*/
IE6及以下版本本身不支持min-height等屬性,因此可以通過表達式來進行處理。表達式中的this代表當前元素,scrollHeight代表元素自身的高度,如果元素高度大于給定的值(如100px),則設置為給定值,否則采用自適應高度。
IE7:
height: 100px; /*設置固定高度*/ min-height: 100px; /*同時設置最小高度*/
IE7開始支持min-height等屬性,因此可以通過同時設置固定高度和最小高度來進行高度的處理。
IE8及以上版本:
height: 100px; /*設置固定高度*/ min-height: 100px; /*同時設置最小高度*/ max-height: 200px; /*同時設置最大高度*/
IE8開始支持max-height等屬性,因此可以通過同時設置固定高度、最小高度以及最大高度來進行高度的處理。這樣能夠在滿足最小高度和最大高度的情況下,保持相對穩定的高度值。
上一篇css 項目符號怎么變大
下一篇css 鼠標懸停樣式