1个网页分成两个固定的部分来显示

最新推荐文章于 2023-01-04 14:44:18 发布

dengyaodan4115

最新推荐文章于 2023-01-04 14:44:18 发布

阅读量190

点赞数

原文链接：http://www.cnblogs.com/flyingbird/archive/2007/04/20/720630.html

版权

１．
<html>
<style>body{margin:0;}</style>
<body>

</body>
</html>
２．
<html>
    <head>
<style>body{margin:0;}</style>
<script>
function fixedDiv(){
    var d1 = document.getElementById("div1");
    var d2 = document.getElementById("div2");
    var h = window.document.body.clientHeight;
    d1.style.height=h*0.2;
    d2.style.height=h*0.8;
}
window.οnlοad=function(){
    fixedDiv();
}
window.οnresize=function(){
    fixedDiv();
}
</script>
    </head>
    <body>

</body>
</html>
３．
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>split</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="top"></div>
<div id="bottom">

</div>
</body>
</html>

//style.css
* {
margin:0;
padding:0;
}

#top {
background-color:yellow;
width:100%;
height:20%;
overflow:auto;
}

#bottom {
background-color:green;
width:100%;
height:80%;
overflow:auto;
}

转载于:https://www.cnblogs.com/flyingbird/archive/2007/04/20/720630.html

dengyaodan4115

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1个网页分成两个固定的部分来显示

１．<html><style>body{margin:0;}</style><body><div style="background-color:blue;width:100%;height:20%;overflow-y:auto;"> <br/>1<br/>1<br/>1&lt...
复制链接

扫一扫