javascript - HTML , CSS : Table doesn't make my page resize accordingly

Question

我最近为我的网站下载了一个非常简单的模板。
它包含 1) 一个简单的 style.css和 2) 一个例子 index.php

在我尝试编辑那个 index.php 时并在 <div class="main_body"> 上添加一个表area，主要内容(主体)区域，不会相应调整页面高度。

但是，使用 <p> 可以很好地调整页面大小, <h1> tags 等。问题只发生在表格上。
请注意，我已尝试通过多种方式使其重新调整:

• #main .main_body {height:auto;}代码在:style.css 第 97 行。
• table #displayblocktest {display: inline-block;}代码:style.css 第二行。

我在 http://jsfiddle.net/48dog2sj/ 上上传了所有内容.

所以，我的问题是，我需要进行哪些更改才能使我的页面根据表格大小调整大小？
希望有人知道解决这个问题的方法。

Answer 1

去掉 align=left——它改变了表格的默认环绕:http://www.w3schools.com/tags/att_table_align.asp .此外，它已被弃用；您应该改用 CSS float 属性。

fiddle :http://jsfiddle.net/48dog2sj/1/