我們在用DIV+CSS布局文章內容頁面的時候,往往會讓DIV或其他元素自適應高度,可是當發布者發布的內容比較少的時候,比如只有一行字,那內容部分就變的很小,不美觀,可是我們直接設置一個高度的話,當內容很多時又會溢出,今天研究了一下兼容各瀏覽器設置DIV最小高度的方法,拿來分享。
假設內容頁面的代碼如下:
<div class="htmer_mindiv">這里是文章內容……</div>
CSS的代碼如下:
.htmer_mindiv{
min-height:500px; //IE7以上/Firefox
_height:500px; //IE6
height:100%; //IE6以上/Firefox 這個很重要,IE6定死高度后,需要再加上這條,才能自動拉伸高度。
}
新聞熱點
疑難解答