如何阻止<div>中的表相互冲突？</div>

Question

我最近一直在研究一个新文档，需要经常使用<table>函数。为了使尽可能多的表适合尽可能小而整洁的地方，我一直在使用<div>函数。它适用于大多数浏览器，但它经常导致文档中的元素相互冲突并相互冲突，这令人沮丧。 有没有办法将表格固定在正确的位置，或者是为浏览器窗口设置指定形状的方法？

以下是我一直使用的一些代码示例：

<div style="float:left">
    <table>
        <tr>
            <th>...</th>
        </tr>
    </table>
</div>

当包含多个表格和div时，当浏览器窗口大小发生变化时，它们会相互冲突，这很容易让人产生很多美学问题。

Answer 1

制作固定宽度的表格包装div，也用于表格。

The possible reason might be because of fixed div width and overflowing table.
You can check upto where the table extends by giving it border.

Answer 2

浮动左属性影响表。

所以给，

<div style="float:left">
    <table sytle="clear:left;">
        <tr>
            <th>...</th>
        </tr>
    </table>
</div>

或者左移到桌子