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 ！