Question

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

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