Roger Johansson在这里写了一篇有趣的文章:http://www.456bereastreet.com/archive/201103/flexible_height_vertical_centering_with_css_beyond_ie7/
继承人的要点:
<body>
<div id="body">
Content goes here
</div>
</body>
有了这个css:
html, body { width:100%; height:100%; }
html { display:table; }
body {display:table-cell; vertical-align:middle; }
#body { max-width:50em; margin:0 auto; }