如何设置自适应当前浏览器高度的div块
Posted 庞永胜
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何设置自适应当前浏览器高度的div块相关的知识,希望对你有一定的参考价值。
嗯 就是下面这样
<!DOCTYPE html> <head> <title>adaptive this page size</title> <script type="text/javascript"> function adpaHeight() { var bodyHeight = document.documentElement.clientHeight; //获取当前浏览器宽高 document.getElementById("t1").style.height = (parseInt(bodyHeight)) + ‘px‘; //设置当前div宽高 } window.onload = function(){ adpaHeight(); } window.onresize = function(){ adpaHeight(); } </script> <style> #t1{ background-color:#ee22cc; } #t2{ background-color:#ccee11; height:100px; } </style> <body> <div id="t1">自适应当前浏览器高度</div> <div id="t2"></div> </body> </html>
这个应该没什么兼容问题哒;
以上是关于如何设置自适应当前浏览器高度的div块的主要内容,如果未能解决你的问题,请参考以下文章