展会信息港展会大全

css控制层在底部 android软件开发教程
来源:互联网   发布日期:2016-03-25 16:02:36   浏览:1887次  

导读:代码如下 复制代码 !DOCTYPE html PUBLIC-//w3c//dtd xhtml 1.0 strict//en http://www.w3.org/tr/xhtml1/dtd/strict.dtd html id=oHTML xmlns=http://www.w3c.org/1999/xhtml headtitlecss控制层在底部/title style type=text/css html{overflow: hidden} b...

代码如下

复制代码

<!DOCTYPE html PUBLIC"-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/strict.dtd">

<html id="oHTML" xmlns="http://www.w3c.org/1999/xhtml">

<head><title>css控制层在底部</title>

<style type="text/css">

html{overflow: hidden}

body{overflow: auto;}

*{margin:0 auto;padding:0 auto}

#aa{height:30px;border:1px solid red;position:absolute;bottom:0px;left:0px;width:100%}

</style>

</head>

<body id="ll">

<div id="aa">在底部</div>

<span id="ss"></span>

<script language="javascript">

window.onload = function()

{

var bodyH, htmlH;

htmlH = document.getElementById("oHTML").offsetHeight;

bodyH = (htmlH - 4) + "px";

document.getElementById("ll").style.height = bodyH;

}

function showT(iData)

{

var s, i;

var a = [];

a.push("<table width=\"200\">");

for (i = 1; i <= iData; i++)

{

s = "<tr><td align=\"center\">" + i + "</td></tr>";

a.push(s);

}

a.push("</table>");

s = a.join("");

document.getElementById("ss").innerHTML = s;

}

showT(100)

</script>

</body></html>

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港