HTML，CSS：表格不會使我的頁面相應調整大小

Question

我最近為我的網站下載了一個非常簡單的模板。
它包含1）一個簡單的style.css和2）一個示例index.php

在我嘗試編輯index.php並在<div class="main_body">區域添加表時，主內容（主體）區域不會相應地調整頁面的高度 。

但是，使用<p> ， <h1>標簽等頁面可以正常調整大小。只有表格才會出現問題。
請注意，我試圖通過幾種方式進行重新調整：

• #main .main_body {height:auto;}代碼位於： style.css 第97行。
• table #displayblocktest {display: inline-block;} code： style.css 2nd line。

我在http://jsfiddle.net/48dog2sj/上傳了所有內容。

所以，我的問題是，為了使我的頁面根據表大小調整大小，我需要做出哪些更改？
希望有人知道解決這個問題的方法。

Answer 1

丟失align=left - 正在更改表格的默認包裝： http ： //www.w3schools.com/tags/att_table_align.asp 。 此外，它已被棄用; 你應該使用CSS float屬性。

小提琴： http ： //jsfiddle.net/48dog2sj/1/

Answer 2

你必須從表元素中刪除align=left ！