不使用框架,如何固定一个div在页面底部?

发布网友发布时间：2022-04-25 21:48

共3个回答

热心网友时间：2022-06-17 20:22

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<style type="text/css">
html,body {
width:100%;
height:100%;
margin:0px;
padding:0px;
overflow:hidden;
}
#Main {
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:100%;
overflow:auto;
z-index:1;
background-color:#999;
}
#ToolBar {
position:absolute;
bottom:0px;
right:16px;
width:100%;
height:20px;
text-align:center;
background:#ccc;
z-index:2;
overflow:hidden;
}
</style>
</head>
<body>
<div id="ToolBar">固定在页面底部不动</div>
<div id="Main" > 
1.在任何一个学校，平庸的大学生是相似的，不平庸的大学生各有各的辉煌。 2.高中时代，爱情是奢侈品，少数人拥有得起。大学时代，爱情是日常用品，没有很寒酸。 
 
 3.悲剧的形成的性格根源就是那个人不是什么好人也不是什么坏人，非善非恶。 4.容貌这问题在一定程度上也会影响女生寝室人际关系。 5.女生大一时急着找男朋友是因为刚解放要尝新鲜！女生大二时急着找男朋友是因为终于发现了大学生活是多么的空虚和无聊。大三时急着找男朋友常常是出于攀比，因为身边的女生好象都有男朋友了，大四时时急着找男朋友的往往是在寻找长期饭票或者跳板。 6.女人的竞争，无处不在，见缝插针。 v </div>
</body>
</html>

热心网友时间：2022-06-17 20:23

没法每页写一个…

热心网友时间：2022-06-17 20:23

position:absolute;
bottom:0;
width:100%;
height:50px;