Question

我试图让我的桌子使用100％的高度。

This fiddle显示了问题。使用100％的宽度（尝试调整宽度以查看此宽度）。然而，即使窗户很高，图片也会朝着窗户的顶部混乱。

Answer 1

你会认为，高度：100％意味着它将使用所有可用空间，但实际上，它只是意味着元素与容器具有相同的高度。随后，没有固定高度的父元素具有与其内容相同的高度。

在您的情况下，除DOM之外，表没有父元素。 DOM没有设置高度，因此它的高度与其内容相同。由于你的桌子没有固定的高度，它会更深一层，并查看桌面内容，其最小高度为600px。因此，DOM（和您的表）的高度仅为600px。

将表格包裹在具有固定高度的容器中，或将文档的高度设置为100％。这应该可以解决问题。

Answer 2

试试这个：

html, body 
{
  margin:0;
  padding:0;
  height:100%;
  border:none
}

Answer 3

我注意到插入此声明时，属性HEIGHT =“100％”不起作用：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

但确实如此：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

希望这有帮助