Html 如何在<；部门>；有什么冲突吗？

我最近一直在编写一个新文档，它需要定期使用

功能。为了将尽可能多的表格放进尽可能小而整洁的地方，我一直在使用

功能。它在大多数浏览器中都能很好地工作，尽管它经常会导致文档中的元素相互碰撞和冲突，这令人沮丧。 有没有办法将表格固定在正确的位置，或者为浏览器窗口设置指定的形状

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

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

...

---

当包含多个表和div时，当浏览器窗口大小改变时，它们开始相互冲突，这很容易造成许多美学问题

float left属性也会影响表

所以给,

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

...

---

或者，也可以将表向左浮动

使表包装器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.

---

你能描述一下它们开始相互冲突的情况吗“它在大多数浏览器中都能正常工作”：哪一个浏览器不能正常工作？或者它到处都是“碰撞和冲突”，那么你为什么要写它有效呢？从技术上讲，这些表格是如何设计的？你想要实现什么？可能尝试将

显示：内联表格

设置在

表格

元素上。您首先使用的是

浮点

？对于大多数所有用途，

display:inline block

更合适。