<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{margin:0px; padding:0px;}
body{font-size:12px; line-height:1.5em; color:#333; font-family:Arial, Helvetica, sans-serif;}
.content{height:3500px;}
.bottomDiv{position:fixed; height:24px; line-height:24px; text-align:center; background-color:#efefef; border-top:1px solid #CCC; left:0px; bottom:0px; _position:absolute;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><!--jquery引用地址-->
<script>
$(document).ready(function(){
var screenWidth = $(window).width();//获取屏幕可视区域的宽度。
$(".bottomDiv").width(screenWidth);//将宽度赋值给bottomDiv使其可以贯穿整个屏幕。
var screenHeight = $(window).height();//获取屏幕可视区域的高度。
var divHeight = $(".bottomDiv").height() + 1;//bottomDiv的高度再加上它一像素的边框。
$(window).scroll(function(){
var scrollHeight = $(document).scrollTop();//获取滚动条滚动的高度。
if(!window.XMLHttpRequest){
$(".bottomDiv").css("top",screenHeight + scrollHeight - divHeight);
}//判断是否为IE6，如果是，执行大括号中内容
})
})
</script>
</head>
<body>
<div class="content"></div>
<div class="bottomDiv">我始终在最底下</div>
</body>
</html>
bottom是底部距离，为0就是贴着页面底部。
怎样设置div在浏览器的固定地方?
1、首先新建一个html页面，然后在这个html代码页面创建一个<div>标签，同时给这个<div>添加一个class类为footer。2、然后设置footer类，把div固定在底部。创建<style>标签，在该标签内设置通过position: fixed;bottom:0设置footer类样式，把div固定在底部。css样式代码：.footer{ height: 100px;width: 1...
如何让div永远保持在底部?
思路：利用text-align属性将图片保持在底部，然后设置padding-top的值使其保持在底部。结构如下：<div> <img src="images\/tt.gif" width="150" height="100" \/> <\/div> CSS样式如下：div {width:300px; height:150px; background-color:#CCC; border:#000 1px solid; text-align:center; pa...
如何让DIV固定在页面而不随着滚动条随意滚动
1、首先我们新建一个web项目，主要用到了html文件和css文件。2、然后在html文件中，有图中的代码，引入css文件和设置一个div标签。3、然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式。4、然后运行项目后，可以看到div在右下角。5、然后滑动滚动条，即使到达底部后，div的位置依旧没有...
css实现div悬浮层,始终停留在浏览器的最下方,不随页面的滚动条滚动改...
1、新建一个html文件，命名为test.html。2、在test.html文件内，使用div标签创建一个div，同时设置其class属性为con,主要用于下面通过该类名进行样式的设置。3、在test.html文件内，在div内使用p标签创建一段测试文字的显示。4、在test.html文件内，在div内，再使用div标签创建一个类名为ff的div，用...
如何将页脚固定在页面底部
1. reset: 去除html, body的margin, padding. 并且设置height为100%, 为的是方便以后子元素设置百分比。2.我们还需要在div#container容器中设置一个"position:relative"以便于里面的元素进行绝对定位后不会跑了div#container容器。3.div#page这个容器有一个很关键的设置，需要在这个容器上设置一个padding...
div css怎么把模块放在最底层
html编辑器。1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的<body>标签中，输入html代码：<div>123456<\/div><div style="position: absolute;top: 0;z-index: -1">abc<\/div> 3、浏览器运行index.html页面，此时“abc”的div模块被成功设置到了最底层。
如何让DIV固定在页面而不随着滚动条随意滚动
你可以对div设置css属性，相对于页面定位：position:fixed;position属性再搭配top、bottom、right、left确定div位于页面的具体位置，比如：top:10px; right:20px;另外，因为div是相对与页面定位，在滚动条滚动时，其他的html元素可能因为在它之上而将它遮挡上（如果你的这个div先写的，后又写很多div什么...
怎么让DIV永远处在屏幕最下方
position:fixed但是这个属性和margin:auto居中有点冲突，设置fixed之后，最好把bottom:0,left:0,right:0都加上（少了可能不会居中）
如何将页脚固定在页面底部
这个方法不像前面三种方法靠CSS来实现效果，这里只需要按正常的样式需求写样式，不过有一点需要特别注意在html,body中不可以设置高度height为100%，否则此方法无法正常运行，如果你在div#footer中设置了一个高度并把宽度设置为100%将更是万无一失了。jQuery Code <script type="text\/javascript"> \/\/ ...
如何用CSS把层固定在整个网页的最底部?
<DIV Vid="footer"> <h1>Footer<\/h1> <\/DIV> <\/DIV> <\/body> CSS代码：程序代码 body,html{ margin:0;padding:0;font:12px\/1.5arial;height:100%;} container{ min-height:100%;position:relative;} content{ padding:10px;padding-bottom:60px;\/*20px(font-size)x2(line-height)+10...
