1、首先新建一个html页面，然后在这个html代码页面创建一个<div>标签，同时给这个<div>添加一个class类为footer。
2、然后设置footer类，把div固定在底部。创建<style>标签，在该标签内设置通过position: fixed;bottom:0设置footer类样式，把div固定在底部。
css样式代码：
.footer{
height: 100px;
width: 100%;
background-color: #ddd;
position: fixed;
bottom: 0;
}
3、保存html代码，然后使用浏览器打开即可看到不管如何放大缩小浏览器div都是固定在底部的。
温馨提示：内容为网友见解，仅供参考
第1个回答 推荐于2016-08-23
方法1：使用CSS绝对定位
div{position:absolute;
bottom:0px;
left:0px;
}
方法2：使用CSS固定定位
div{position:fixed;
bottom:0px;
left:0px;
}
方法3：使用Float浮动定位(适用于div是body元素的子元素)
div{float:right;
bottom:0px;
}
第2个回答 2014-03-06
先用框架绝对定位到最底部，然后在框架里面再向上绝对定位你那个框架的距离，用通俗的话，让它跑出去
第3个回答 2014-03-06
position定位，至少要有两个距离定位，你这样只有bottom是不行的。还要加一个left或者right
第4个回答 2014-03-05
position:absolute;bottom:0px;left:0px;
或者
position:fixed;bottom:0px;left:0px;追问不行啊，第一种是开始固定在页面的底部，但是页面向上拖动的时候，div跟着页面网上走的，第二种在uc浏览器的效果是跟第一种一样的
本回答被提问者采纳
相似回答
