为什么不高度：100%的工作是将div扩展到屏幕高度？

Question

为什么不高度：100%的工作是将div扩展到屏幕高度？我希望旋转木马DIV(S7)扩展到整个屏幕的高度。我不知道为什么它没有成功。要查看页面，您可以去这里.body {  height: 100%;  color: #FFF;  font: normal 28px/28px'HelveticaWorldRegular', Helvetica, Arial, Sans-Serif;  background: #222 url('') no-repeat center center fixed;  overflow: hidden;  background-size: cover;  margin: 0;  padding: 0;}.holder {  height: 100%;  margin: auto;}#s7 {  width: 100%;  height: 100%: margin: auto;  overflow: hidden;  z-index: 1;}#s7 #posts {  width: 100%;  min-height: 100%;  color: #FFF;  font-size: 13px;  text-align: left;  line-height: 16px;  margin: auto;  background: #AAA;}<div class="nav">  <a class="prev2" id="prev2" href="#">    <img src="http://static.tumblr.com/ux4v5bf/ASslogxz4/left.png">  </a>  <a class="next2" id="next2" href="#">    <img src="http://static.tumblr.com/ux4v5bf/swslogxmg/right.png">  </a></div><div class="holder">  <tr>    <td>      <div id="s7">        {block:Posts}        <div id="posts">