使用CSS控制一个DIV层,无论在什么分辨率的情况下也显示在浏览器的底部,代码如下:
<html>
<head>
<style type="text/css">
body{
margin:0px;
}
#main{
width:100%;
height:50px;
position:absolute;
top:100%;
margin-top:-50px;
background:Blue;
color:white;
}
</style>
</head>
<body>
<div id="main">bottom</div>
</body>
</html>
最重要的样式设置:
height:50px;
position:absolute;
top:100%;
margin-top:-50px;
首先要设置定位为绝对定位,并设置top为100%,当div的height为N数值时,其div层就必须设margin-top为-N值。IE,FF通过测试。