我需要我的页脚被固定在页面的底部，并将其居中。页脚的内容可能随时改变，所以我不能通过margin-left来居中它：xxpx; margin-right：xxpx;
问题是，由于某种原因，这不工作：
#whatever {
position: fixed;
bottom: 0px;
margin-right: auto;
margin-left: auto;
}
我爬网，没有发现。我试着制作一个容器div和nada。我试过其他组合和gurnisht。我如何使这发生？
谢谢
解决方法
你应该使用一个粘稠的页脚解决方案，如这一个：
http://ryanfait.com/sticky-footer/
* {
margin: 0;
}
html,body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer,.push {
height: 142px; /* .push must be the same height as .footer */
}
还有其他像http://www.cssstickyfooter.com/
* {margin:0;padding:0;}
/* must declare 0 margins on everything,also for main layout components use padding,not
vertical margins (top and bottom) to add spacing,else those margins get added to total height
and your footer gets pushed down a bit more,creating vertical scroll bars in the browser */
html,body,#wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;} /* must be same height as the footer */
#footer {position: relative;
margin-top: -150px; /* negative value of footer height */
height: 150px;
clear:both;}
/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
与html：
<div id="wrap">
<div id="main" class="clearfix">
</div>
</div>
<div id="footer">
</div>
