css控制层在底部

 代码如下 复制代码

<!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>
时间： 2024-09-25 18:35:51

css控制层在底部的相关文章

有谁知道控制层显示位置的控件的吗

问题描述 我想实现拖拽层来控制层的显示位置,类型google的个性化设置,可以任意拖动,谁有控制层显示位置的控件吗? 解决方案 Jquery的sortables插件解决方案二:这个用js也可以实现.具体实现方法你上网能找到解决方案三:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html&g

解读 M$ 源代码：JavaScript + CSS 实现层的平移及动态显示

<!--解读 M$ 源代码:JavaScript + CSS 实现层的平移及动态显示--><!--Open.htm--><!--本文主要由 JavaScript 和 CSS 实现的层的平移及动态显示--><!--小弟的 JavaScript 水平实在有够差劲,故以下注解均为个人理解,有疏漏及不当之处还请各位大虾指正--><!--以下源代码来源于 M$ Windows 2000 Professional 安装光盘的 DISCOVER 目录,更改之处见文档

CSS Layers 层实例教程

CSS Layers 层实例教程经过学习如何HTML元素的位置,你可能已经注意到这个可能导致HTML元素正在上彼此.的CSS使您可以控制哪些项目将出现在顶端用层. 在CSS ,每个元素是一个优先事项. HTML元素后显示的源代码中比其他人将有一个更高的优先默认.如果有两个重叠的CSS定位元素,元素的更高的优先地位将出现在顶部的其他. 要手动确定优先事项,设置了Z -指数值.较大的价值,更高的优先权的元素将. h4{ position: relative; top: 30px; left: 50p

用CSS控制输入框input悬停交互样式

制作表单的时候,实现鼠标悬停交互效果有多种方法: 1.在xhtml中直接写入onmouseover.onmouseout脚本就可以实现了,但这样就违背了web标准所倡导的内容.表现相分离的原则.以后若要对此进行修改也将会很繁琐.这样直接写入xhtml也会让页面代码增加,如果只是一个input输入框或许是无所谓的,如果是几十个几百个,增加的字节数就很宠大了. 2.在xhtml中加入小脚本,鼠标经过时可以切换CSS.具体内容请看这篇文章.虽然实现了内容.表现相分离,以后的修改也会很方便.但同样会让页

CSS控制图片代码:让网页图片自适应大小

文章简介:CSS控制图片代码:让网页图片自适应大小. 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码: div img { max-width:600px; width:600px; width:expression(document.body.clientWidth>600

CSS控制的内容超过容器宽度后显示省略号

css|控制|显示 一般我们看到的比如新闻列表,为了使文字不回行,控制字数,会通过程序让多余的字符显示省略号,我们只使用CSS可以达到同样的效果,虽然不完美. li {    width:50px;    white-space:nowrap;    text-overflow:ellipsis;    overflow: hidden;    } 首先是一个容器,可以是div,li,td等等,先定义宽度,"white-space:nowrap"是强制在一行内显示所有文本,不回行.&q

利用CSS控制表格的交替颜色

css|控制 <style type="text/css"><!--tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}--></style></HEAD><table><tr><td>第1行</td><td>第1行</td><

css控制导航栏的居中

css|导航|控制 在学习的过程中,我希望能够得到css的导航栏也能够居中的效果但是,使用普通的text-align:center;不起作用,经过在网上搜索在经典论坛得到链接,uk的cssplay网站上公布了两种使其居中的方法其中有一个使用了非常奇怪的del标签,不知道是为什么但是总算解决掉了一个问题仍然很高兴 #menu1 { width:408px; padding:0; margin:0 auto; list-style-type:none; }#menu1 li { float:left

运筹帷幄 用CSS控制网站总“队形”

css|控制 网页设计中我们通常需要统一网页的整体风格,统一的风格大部分涉及到网页中文字属性.网页背景色以及链接文字属性等等,如果我们应用CSS来控制这些属性,会大大提高网页设计速度,更加统一网页总体效果. 为了达到修改整个网页的目的,我们需要编辑一个外挂式的CSS文档.根据这个文档定义和修改不同CSS属性并在页面元素相同或者相似的网页里调用它. 整体改变页面风格 现在网页中流行宋体的9pt和10.5pt的字体,按快捷键"Shift+F11"打开"CSS Style控制面板&