我是新來的HTML和編碼一般，我正在我的第一個網站上工作。我正在使用一張表格來顯示網站的內容，以便看起來更好看一些。我的計劃是讓網站的桌面和主體從標題下方開始，然後繼續向下。我遇到了一個問題，表中沒有佔用標題下方的空間。相反，它似乎從頁面的開頭開始。我改變了身高，使它向下延伸，使桌子有足夠的空間向下展開，但事實並非如此。它只使用頁面的一小部分，我不知道如何解決這個問題。我的HTML代碼是在這裏（我只是用魔法和休息作爲表格單元格臨時填充文本）：更改表格開始使用HTML和CSS的位置
<html>
<head>
<title>OTDA - Myths</title>
<link rel="shortcut icon" href="tv.ico" />
<link rel="stylesheet" type="text/css" href="mythstyle.css" />
</head>
<div id="header">
<header>
<img class="banner" src="OTDABanner.jpg">
<div class="navigation">
<a href="otda.htm" class="button">Home</a>
<a href="otda.htm" class="button">Donation Station</a>
<a href="otda.htm" class="button">Gift of Life</a>
<a href="otda.htm" class="button">Myths</a>
<a href="otda.htm" class="button">Awareness</a>
</div>
<h1> Myths Regarding <abbr title="Organ and Tissue Donation Awareness">OTDA</h1>
<hr>
</header>
</div>
<body>
<table cellspacing="0">
<colgroup>
<col style="width:10%">
<col style="width:80%">
<col style="width:10%">
<tr>
<th></th><!--Don't use these-->
<th></th><!--Don't use these-->
<th></th><!--Don't use these-->
</tr>
<tr>
<th></th><!--Don't use these-->
<td>
</br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br />
</td>
<th></th><!--Don't use these-->
</tr>
<tr>
<th></th><!--Don't use these-->
<td>
</br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br />
</td>
<th></th><!--Don't use these-->
</tr>
<tr>
<th></th><!--Don't use these-->
<td>
</br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br />
</td>
<th></th><!--Don't use these-->
</tr>
<tr>
<th></th><!--Don't use these-->
<td>
</br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br />
</td>
<th></th><!--Don't use these-->
</tr>
<tr>
<th></th><!--Don't use these-->
<td
</br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br /></br />magic<br />
</td>
<th></th><!--Don't use these-->
</tr>
</table>
<br />
</body>
</html>
<!--<div class="container">
<img src="image.png" class="image">
<div class="middle">
<a href="http://www.t.org" height: 250; width: 250; target="_blank" class="button">Website</a>
</div>
</div>-->
這裏是我的CSS：
/*車身樣式*/
body {背景顏色：rgb（190,190,190）;文本對齊：證明; 字體家族：「Comic Sans MS」，cursive，sans-serif;保證金：0 ！重要;填充：0！重要; height：10000px; }
.picture {/ *爲了應用這個，使用/ border：1px純黑色;邊界半徑：50％;/圖片有一個圓圈 border * /} .banner {display：block;保證金：0汽車; }
a.button {color：black;邊框：2px脊黑; font-family： 「Comic Sans MS」，cursive，sans-serif; background-color：＃ff9191; padding：16px 32px; text-align：center;顯示：inline-block; font-size：16px; margin：4px 2px; -webkit-transition-duration：0.4s;過渡期：0.4s;光標：指針; }
a.button：hover { background-color：yellow; 顏色：黑色; } a {color：black;文字修飾：無; } a：hover {color：blue;文字修飾：無; } .navigation {text-align： center; } table.tr {background-color：white; } header { background-color：white;保證金：0！重要;填充：0！重要; } h1 {text-align：center; } .container {position：relative;寬度： 50％; }
.image {opacity：1;顯示：塊;身高：自動;過渡：.5s 緩解; backface-visibility：hidden;邊界：2px嶺銀; }
.middle {transition：.5s ease;不透明度：0;位置：絕對;頂部： 50％;剩下：17％;變換：翻譯（-50％，-50％）; -ms-transform：translate（-50％，-50％）}
.container：hover .image {opacity：0.3; }
.container：hover .middle {opacity：1; }
。文字{background-color：＃4CAF50;白顏色; font-size：16px; padding：16px 32px; }
header {position：fixed;寬度：100％; z-index：1; }
table {background-color：white;寬度：100％;位置：絕對; bottom：0;
身高：100％; }背景顏色：rgb（190,190,190）; border：1px solid rgb（190，190，190）; height：1px; } td {border：1px solid rgb（0， 0，0）; height：1px; } hr {background-color：rgb（190，190，190）; 顏色：rgb（190，190，190）; margin：0px; margin-left：auto; margin-right：auto; height：10px;邊框：0無; } 我很抱歉，如果這很難看，我是一個非常草率的編碼器，這是用匆忙。謝謝。