html中 div怎么固定到底部
3个回答
展开全部
想要将html中 div怎么固定到底部很简单，只需要给这个div元素的position属性设置为fixed，并且bottom属性设置为0px即可。具体核心代码如下
<div id="" style="position: fixed;bottom: 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
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
.footer{ left:0px; position:fixed; width:100%; height:100px; background-color:#f00; color:#FFF; text-align:center; font-size:18px; font-weight:bold; bottom:0px;}
</style>
<div class="footer">
这里是固定到底部
</div>
把这个些复制到一个html文件里面放入body内，然后打开浏览器看一下效果；
已解决，如果还有其他疑问的话请继续追问我；
.footer{ left:0px; position:fixed; width:100%; height:100px; background-color:#f00; color:#FFF; text-align:center; font-size:18px; font-weight:bold; bottom:0px;}
</style>
<div class="footer">
这里是固定到底部
</div>
把这个些复制到一个html文件里面放入body内，然后打开浏览器看一下效果；
已解决，如果还有其他疑问的话请继续追问我；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置 css 样式如下：
width: 100%;
height: 50px;
position: fixed;
bottom: 0;
具体一个例子如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>demo</title>
<style type="text/css">
body {
margin: 0;
}
#main{
height: 1000px;
}
#footer {
background: #00A2EA;
width: 100%;
height: 50px;
position: fixed;
bottom: 0;
}
</style>
</head>
<body>
<div id="main"></div>
<div id="footer">
</div>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
