??在開發(fā)的工程中使用到了一些開源的bootstrap模板進(jìn)行開發(fā)，在遇到一些需要替換的內(nèi)容部分部分時(shí)，經(jīng)常出現(xiàn)高度設(shè)置100%無法生效的問題，這里來用js強(qiáng)行設(shè)置一下。
??思路：js監(jiān)聽窗口的縮放行為，然后動(dòng)態(tài)獲取瀏覽器的窗口可見大小，然后如果你的頁(yè)面有頁(yè)頭頁(yè)尾的話，掐頭去尾，得到的就是內(nèi)容部分100%時(shí)的高度，賦值進(jìn)去便可。

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

如此即可保持div的100%高度，不管div中是否有內(nèi)容。

總結(jié)

以上是生活随笔為你收集整理的使用js将div高度设置为一直保持100%的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。