CSS3 Frames％值不适用于Height

Question

此代码无效，我不明白为什么：

.paraTitleDown {
/*background-color:#CCC;*/
animation:paraTitleDownFrames 3s ; 
-moz-animation:paraTitleDownFrames 3s ; /* Firefox */
-webkit-animation:paraTitleDownFrames 3s ; /* Safari and Chrome */
-o-animation:paraTitleDownFrames 3s;
}
@keyframes paraTitleDownFrames
{
0%      {height:0%;}
100%    {height:100%;}
}
@-moz-keyframes paraTitleDownFrames /* Firefox */
{
0%      {height:0%;}
100%    {height:100%;}
}
@-webkit-keyframes paraTitleDownFrames /* Safari and Chrome */
{
0%      {height:0%;}
100%    {height:100%;}
}
@-o-keyframes paraTitleDownFrames /* Opera */
{
0%      {height:0%;}
100%    {height:100%;}
}

不是在3秒的时间段内将指定的div从0％打开到100％，而是立即显示。绝对值有效，但我希望这是一个通用解决方案，根据分配给它的div的大小打开。绝对值有效（比如100px而不是100％），但这不是我想要的。我也无法找到修改每帧中高度值的JavaScript解决方案。

我出错的任何想法？谢谢！