如何在html5中为表提供100%的高度

Ran*_*gal 7 css html5

如何给桌子100%的高度,

<table border="1" style="height:100%"><tr> <td>Height 100%</td></tr>  </table>
Run Code Online (Sandbox Code Playgroud)

我试过这个,但它没有采取100%的高度,任何人都可以帮助我

Zol*_*oth 8

给你的身体高度,100%桌子将跟随 - http://jsfiddle.net/R3h3p/

  • Trizkit的评论是正确的.但是,不要忘记,`html`和`body`元素不仅必须具有`height:100%`,而且*表的所有父元素*也必须具有`height:100%`. (4认同)
  • 应该注意的是,html 元素也必须设置为高度:100%,而不仅仅是正文(您的链接是正确的)。至少在我的实验中。我认为这是因为 html 是 body 的父级。(我觉得这很奇怪,html 和/或 body 标签不会占据可见页面的整个高度......就叫我一个古怪的家伙......哈哈) (2认同)