<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>
我自己做的，仅供参考~
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
div {
position:absolute;
top:100%;
left:50%;
margin:-50px 0 0 -200px;
width:400px;
height:50px;
background-color:red;
text-align:center;
line-height:50px;
}
-->
</style>
</head>
<body>
<div>让层左右居中并置底于浏览器窗口</div>
</body>
</html>
样式简单并且兼容各版本浏览器，不需要插入复杂的js脚本，也不会出现其他置底的层容易出现的问题，很多层置底后会使页面出现滚动条
此方法也适用于让层垂直居中与浏览器
层垂直居中于浏览器，一直是朋友比较头疼的问题。
其实解决的思路是这样的：首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。
如：一个层宽度是400，高度是50。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为－25。margin-left的值为－200。这样我们就实现了层垂直居中于浏览器的样式编写
怎么让网页的div永远固定在底部呢!
1、首先新建一个html页面，然后在这个html代码页面创建一个<div>标签，同时给这个<div>添加一个class类为footer。2、然后设置footer类，把div固定在底部。创建<style>标签，在该标签内设置通过position: fixed;bottom:0设置footer类样式，把div固定在底部。css样式代码：.footer{ height: 100px;width: 1...
css怎么固定底部不动
css固定底部不动的实现方法：首先创建一个HTML示例文件；然后设置一下css与div区域；最后通过“position:fixed;”属性使div固定在页面的底部即可。本文操作环境：Windows7系统、HTML5&&CSS3版，DELL G3电脑 1、打开一个编辑软件设置一下css与div区域，使其固定在页面的底部 其主要属性：position:fixed; ...
如何让div永远保持在底部?
利用图片的margin属性将图片保持在底部，利用DIV的padding属性将图片保持在底部。结构代码同上；CSS代码如下：div {width:300px; height:150px; background-color:#eee; padding-top:50px; border:#000 1px solid;} img {display:block; margin:0 auto;} 备注：Img是内联元素，要设置其margin属性使...
如何让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，...
如何将页脚固定在页面底部
div#footer还需要进行绝对定位，并且设置bottom:0；让div#footer固定在容器div#container的底部，这样就可以实现我们前面所说的效果，当内容只有一点时，div#footer固定在屏幕的底部（因为div#container设置了一个min-height:100%），当内容高度超过屏幕的高度，div#footer也固定在div#container底部，也就是...
如何将页脚固定在页面底部
真正来说,实现这页脚永远固定在页面的底部,我们只需要四个div,其中div#container是一个容器,在这个容器之中,我们包含了div#header(头部),div#page(页面主体部分,我们可以在这个div中增加更多的div结构,如上面的代码所示),div#footer(页脚部分) CSS Code html,body { margin: 0; padding:0; height: 100%; }...
如何用简单的CSS实现将FOOTER固定在页面底部
用简单的CSS实现将FOOTER固定在页面底部,我们通常布局的时候都是头部，内容区域，还有底部，一般都是使用三个div，然后id分别设置为header，content，footer，然后在定义每个div的高度，一般来说，header，footer都是公共的，因为高度，内容一般都是固定的，底部的区域，举个例子：<html> <head> <style> h...
如何让DIV在页面最底部
你写的时候讲div写在页面的最下面，没有添加任何样式，那么这个div就是在页面最下面了 通过定位absolute定位到页面最下面
如何让DIV固定在页面而不随着滚动条随意滚动
你可以对div设置css属性，相对于页面定位：position:fixed;position属性再搭配top、bottom、right、left确定div位于页面的具体位置，比如：top:10px; right:20px;另外，因为div是相对与页面定位，在滚动条滚动时，其他的html元素可能因为在它之上而将它遮挡上（如果你的这个div先写的，后又写很多div什么...
