高度= 100％似乎不適用於桌子

Question

我試圖讓我的桌子使用高度的100％。

這個小提琴顯示了問題所在。 使用了100％的寬度（嘗試調整寬度以查看此寬度）。 但是，即使將窗戶做得很高，圖片也仍然朝着窗戶的頂部混亂。

Answer 1

您會認為，height：100％表示它將使用所有可用空間，但是實際上，這僅表示元素與容器具有相同的高度。 隨后，沒有固定高度的父元素與其內容具有相同的高度。

在您的情況下，除DOM外，該表沒有父元素。 DOM沒有設置高度，因此它的高度與其內容相同。 由於您的表格沒有固定的高度，因此它會更深一層，並查看表格內容，該內容的最低高度為600px。 因此，DOM（和您的表）的高度僅為600px。

將桌子包裝在具有固定高度的容器中，或將文檔的高度設置為100％。 這應該夠了吧。

Answer 2

我注意到插入此聲明時，屬性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">

希望這可以幫助

Answer 3

嘗試這個：

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