固定一个 div 在另一个 div 的底部

请注意:本文编写于 94 天前,最后修改于 68 天前,其中某些信息可能已经过时。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
<style>

.big{
width:20%;
height:100%;
float:left;
position:relative;
}

.small{
width:100%;
position:absolute;
bottom:0;
}
</style>
</head>
<body>
<div class="big">
<div class="small">我在底部</div>
</div>
</body>
</html>

如果要始终固定在页面底部,那么就需要使用:position:fixed