1、首先新建一个html页面，然后在这个html代码页面创建一个<div>标签，同时给这个<div>添加一个class类为footer。
2、然后设置footer类，把div固定在底部。创建<style>标签，在该标签内设置通过position: fixedbottom:0设置footer类样式，把div固定在底部。
css样式代码：
.footer{
height: 100px
width: 100%
background-color: #ddd
position: fixed
bottom: 0
}
3、保存html代码，然后使用浏览器打开即可看到不管如何放大缩小浏览器div都是固定在底部的。
想要将html中 div怎么固定到底部很简单，只需要给这个div元素的position属性设置为fixed，并且bottom属性设置为0px即可。具体核心代码如下
<div id="" style="position: fixedbottom: 0px">
固定到底部
</div>
运行效果如下图：
这里使用的是行内式，也可以使用行外式和外部式都可以达到效果。
扩展资料：
HTML的编辑方式：
1、基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样就方便浏览器认出直接解释执行了。
2、半所见即所得软件，如：FCK-Editer、E-webediter等在线网页编辑器；尤其推荐：Sublime Text代码编辑器（由Jon Skinner开发，Sublime Text2收费但可以无限期试用）。
3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，如：AMAYA（出品单位：万维网联盟）；FRONTPAGE（出品单位：微软）；Dreamweaver（出品单位Adobe）；Microsoft Visual Studio（出品公司：微软）。
参考资料：百度百科——HTML
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<button style="position: absoluteleft: 250pxtop: 40px">按钮</button>。
3、浏览器运行index.html页面，此时按钮被固定在距离上方40px，左侧250px的位置。
