この記事の内容は、js を使用して div の高さを 100% に設定する方法 (コード) です。必要な友人は参考にしていただければ幸いです。
開発プロジェクトでは、一部のオープンソースのブートストラップ テンプレートを使用して開発を行っていますが、一部のコンテンツ部分を置き換える必要がある場合、高さの設定が 100% 有効にならないことがよくあります。 js を使用して一度設定を強制します。
アイデア: js はウィンドウのスケーリング動作を監視し、ブラウザー ウィンドウの表示サイズを動的に取得します。次に、ページにヘッダーとフッターがある場合は、先頭と末尾をピンチして取得します。コンテンツ部分が100%の場合 高さに値を割り当てることができます。
コード:
window.onload=function(){
changepHeight();
}
//当浏览器窗口大小改变时，设置显示内容的高度
window.onresize=function(){
changepHeight();
}
function changepHeight(){
var h = document.documentElement.clientHeight;//获取页面可见高度
document.getElementById("framep").style.height=h-102+"px";//掐头去尾，减去100px
}以上がjsを使用してdivの高さを100%に設定する方法（コード）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
