请教一个web布局问题？
描述一下，对于页面，
内容少得不足以产生滚动条的时候，footer落在最底部面， 当内容变多，页面产生滚动条时，footer要处于内容的最后，即滚动到最底部才能看见
我知道一种是使用 负值margin-top 和 正值padding-bottom 的方法，但是感觉不够灵活..
请问有没有什么好的实现方法？
这是我答案：
纯css
因为我主要用在移动端 应该可以兼容吧....
https://jsfiddle.net/BoomBang...
慕容森浏览 405回答 1
1回答
-
慕姐4208626
这种东西就在于思路：<!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>效果图：
随时随地看视频慕课网APP
相关分类
JavaScript