table/div高度100%无效果问题

<style type="text/css">body,html{height:100%;/*(由于浏览器兼容性问题，IE中必须加入此项样式)*/margin:0;padding:0;}.content{width:100%;height:100%;background-color:pink;}td{border:solid 1px #000;width:50%;height:50%;text-align:center;}</style><table class="content"><tr><td>你好</td><td>你好</td></tr><tr><td>你好</td><td>你好</td></tr></table>

若body,html中的代码没有

height:100%;

则出来的效果如下图：

在body,html中加上height:100%;后的效果如下图：