今天小编跟大家讲解下有关footer 贴在底部的布局实现代码 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关footer 贴在底部的布局实现代码 的相关资料，希望小伙伴们看了有所帮助。
footer位置自适应复制代码代码如下: <div id="wrap"> <div id="main"class="clearfix"> <div id="content"> ccc </div> <div id="side"> sss </div> </div> </div> <div id="footer"> fff </div> 复制代码代码如下: html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} #main {padding-bottom: 150px;} #footer {position: relative; margin-top: -150px; height: 150px; background: #ddd; clear: both;} .clearfix:after {content:"."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;}来源：爱蒂网
