日期:2014-05-17  浏览次数:20600 次

html4下设置表格宽高
代码如下:
<!DOCTYPE HTML>
<html>
<body>
<table border="1" style="width:50%;height:50%">
<tr><td></td></tr>
</table>

</body>
</html>
很简单的一段代码,我想画出一个宽高都是50%的表格。
但是在浏览器下面会得到一个宽度正确,但是高度只有一点点的表格。
如果把<!DOCTYPE HTML>去掉就能正确得到想要的。
请问怎样在不去掉<!DOCTYPE HTML>的情况下画出一个宽高都是50%的表格呢?

------解决方案--------------------
<!DOCTYPE HTML>
<html>
<body>
<table border="1" style="width:50%;height:50px">
<tr><td></td></tr>
</table>

</body>
</html>

% Defines the height in % of the parent element
------解决方案--------------------
如果用%的话。。你就要设置BODY的高度