描述一下，对于页面，内容少得不足以产生滚动条的时候，footer落在最底部面，
当内容变多，页面产生滚动条时，footer要处于内容的最后，即滚动到最底部才能看见我知道一种是使用 负值margin-top 和 正值padding-bottom 的方法，但是感觉不够灵活..请问有没有什么好的实现方法？这是我答案：纯css因为我主要用在移动端 应该可以兼容吧....https://jsfiddle.net/BoomBang...
1 回答
慕姐4208626
TA贡献1852条经验 获得超7个赞
这种东西就在于思路：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<title></title>
</head>
<body>
<style>
body{
margin: 0;
}
html,
body,
.wrap {
height: 100%;
}
.content {
min-height: 100%;
}
footer {
height:50px;
background-color: #0cc;
margin-top: -50px;
}
</style>
<div class="wrap">
<div class="content">
<div>内容区域</div>
</div>
<footer>
底部
</footer>
</div>
</body>
</html>
效果图：
添加回答
举报
0/150
提交
取消