Question

如何固定一个div在浏览器底部

我用position:fixed;bottom:0;结果我用魅族自带浏览器可以实现效果，用uc浏览器和苹果手机就不行，uc浏览器随页面拖动而移动....

Answer 1

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都是固定在底部的。

Answer 2

方法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;
}

Answer 3

先用框架绝对定位到最底部，然后在框架里面再向上绝对定位你那个框架的距离，用通俗的话，让它跑出去

Answer 4

position定位，至少要有两个距离定位，你这样只有bottom是不行的。还要加一个left或者right

Answer 5

position:absolute;bottom:0px;left:0px;

或者

position:fixed;bottom:0px;left:0px;

追问

不行啊，第一种是开始固定在页面的底部，但是页面向上拖动的时候，div跟着页面网上走的，第二种在uc浏览器的效果是跟第一种一样的