html中 div怎么固定到底部

 我来答

3个回答

#合辑# 机票是越早买越便宜吗？

啦啦啦额68
2019-09-24 · TA获得超过2867个赞

知道答主

回答量：130

采纳率：0%

帮助的人：3.1万

我也去答题访问个人页

关注

展开全部

想要将html中 div怎么固定到底部很简单，只需要给这个div元素的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

已赞过 已踩过<

评论收起

奥力给2023
2015-08-16 · TA获得超过2164个赞

知道小有建树答主

回答量：731

采纳率：67%

帮助的人：379万

我也去答题访问个人页

关注

展开全部

已赞过 已踩过<

评论收起

yinfengnong
推荐于2017-09-08 · TA获得超过5619个赞

知道大有可为答主

回答量：2344

采纳率：89%

帮助的人：2279万

我也去答题访问个人页

关注

展开全部

设置 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>