table高度自适应浏览器窗口-白红宇

table高度自适应浏览器窗口

阅读量：372 次

发布时间：2019-03-04

本文共 2086 字，大约阅读时间需要 6 分钟。

------------------------------------------1--------------------------------------------------

<tr>

</tr>

</table>

<tr>

</tr>

</table>

<tr>

</tr>

</table>

<!--

function display(){

var height=document.body.clientHeight;

var width=document.body.clientWidth;

document.getElementById("size").style.height=parseInt(height)-250;

window.resizeTo(width+10,height+170);

}

window.οnlοad=display();

//-->

</script>

</body>

------------------------------------------2--------------------------------------------------

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">

<html>

<head>

body{margin:0px;padding:0px;overflow:hidden;padding-top:22px;padding-bottom:22px;}

div{margin:0px;padding:0px;}

#header{background-color:blue;color:white;position:absolute;top:0px;left:0px;height:16px;width:100%;}

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

#footer{background-color:green;color:white;width:100%;height:16px;position:absolute;bottom:0px;left:0px;}

</style>

</script>

</head>

<body>

<div id="header">header</div>

for(i=0;i<1000;i++){

document.write(i+"<br />");

}

</script>

</div>

<div id="footer">footer</div>

</body>

</html>

关于高度自适应还有一个因素,就是头部声明问题.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML1.0下.

高度自适应是不行的.

如果要使用高度自适应必须头部声明为:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

或者类似声明.

转载地址：http://spje.baihongyu.com/

你可能感兴趣的文章

Eclipse的一些技巧以及快捷键（未完待续）

查看>>

java的基础语法（未完待续）

查看>>

英语小短文翻译1——The Significance of Books

查看>>

杂乱的Java笔记（未完）

查看>>

Java的类与类之间的USES-A和HAS-A及区分

java之StringBuilder和关于数组怎么扩容

查看>>

Java容器底层的简单模拟以及API文档的生成

查看>>

简述Java语言

查看>>