使用js將div高度設置爲一直保持100%

  在開發的工程中使用到了一些開源的bootstrap模板進行開發,在遇到一些需要替換的內容部分部分時,經常出現高度設置100%無法生效的問題,這裏來用js強行設置一下。
  思路:js監聽窗口的縮放行爲,然後動態獲取瀏覽器的窗口可見大小,然後如果你的頁面有頁頭頁尾的話,掐頭去尾,得到的就是內容部分100%時的高度,賦值進去便可。

window.onload=function(){  
             changeDivHeight();  
        }  
        //當瀏覽器窗口大小改變時,設置顯示內容的高度  
        window.onresize=function(){  
             changeDivHeight();  
        }  
        function changeDivHeight(){               
            var h = document.documentElement.clientHeight;//獲取頁面可見高度  
            document.getElementById("framediv").style.height=h-102+"px";//掐頭去尾,減去100px  
    }

如此即可保持div的100%高度,不管div中是否有內容。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章