设置元素的高度为百分比，结果不起作用的解决方法

我在设置一个HTML元素的高度为一个百分比的时候，竟然不起作用，记得以前都是有用的。后来突然想到，会不会是和页面顶部的DOCTYPE的声明有关？
页面顶部的DOCTYPE默认都是设置为：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我把它改成：