在HTML中设置表的高度无效

前端之家收集整理的这篇文章主要介绍了在HTML中设置表的高度无效前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
为什么这个桌子的高度不起作用?
  1. <table border=1 bgcolor="green" width=80% height="30%">
  2. <tr>
  3. <td rowspan="2" >
  4. This is 1st row 1st column
  5. </td>
  6. <td >
  7. 2
  8. </td>
  9. </tr>
  10. </table>

http://jsfiddle.net/zQNS4/

解决方法

只需将以下内容添加到您的CSS中:
  1. html,body{
  2. height: 100%;
  3. }

正如其他人所说的那样,一张桌子没有高度,但大多数浏览器无论如何都要追加.你可以看到the result on jsfiddle.

你需要这样做的原因是任何高度为%的东西的父元素也必须有一个高度(如影子向导所说:“究竟是什么的30%?” – 父母必须有一个高度).

猜你在找的HTML相关文章