Question

除非他们获得100行左右，否则我的表格会彼此叠加，在这种情况下，它们会在IE 10上并排排列。我需要它们始终堆叠。它们很好或者Firefox和IE 10的一些安装。如何使它们总是堆叠而不管浏览器？

<html>
<head>
    <title>Test Project 1</title>
</head>
<body>
    <h2 style="text-align: center;">
        Test Project 1</h2>
    <h3 style="text-align: center;">
        2013-06-09 10:08</h3>
    <table float="left" clear="left" align="left" border="0" cellpadding="1" cellspacing="1" width="728" style="font-family:arial,helvetica,sans-serif;font-size: 12px;">
        <tbody>
            <tr>
                <th scope="col">
                    RFI
                    <hr />
                </th>
                <th scope="col">
                    Description
                    <hr />
                </th>
                <th scope="col">
                    Rec&#39;d
                    <hr />
                </th>
                <th scope="col">
                    Due
                    <hr />
                </th>
                <th scope="col">
                    Issued
                    <hr />
                </th>
                <th scope="col">
                    Age
                    <hr />
                </th>
            </tr>
        </tbody>
    </table>
    <p>
        &nbsp;</p>
    <table float="left" clear="left" align="left" border="0" cellpadding="1" cellspacing="1" width="728" style="font-family:arial,helvetica,sans-serif;font-size: 12px;">
        <tbody>
            <tr>
                <th scope="col">
                    CCO
                    <hr />
                </th>
                <th scope="col">
                    Description
                    <hr />
                </th>
                <th scope="col">
                    Rec&#39;d
                    <hr />
                </th>
                <th scope="col">
                    Due
                    <hr />
                </th>
                <th scope="col">
                    Issued
                    <hr />
                </th>
                <th scope="col">
                    Age
                    <hr />
                </th>
            </tr>
        </tbody>
    </table>
</body>
</html>

Answer 1

您可以尝试添加

，而不是表格之间的空段落

<br style="clear:both"/>

Answer 2

当您使用float属性时。你需要将下一个元素分解为新行，使用：

table {clear: both;}

或在表格之间添加<br/>标记。

Answer 3

只需删除float="left" clear="left"标记上的table属性，您就可以了。 float和clear甚至不是表格的有效属性。

Answer 4

在表中添加两个表

像

      <Table id="main">

   <tr>
    <td>
      <Table id=1> </table>
   </td>
   <td> 
     <Table id=2> </table>
   </td>
     </tr>
   </table>

HTML表并排（需要它们堆叠）

4 个答案: