水平显示html表时出现问题

实际上，我想在我的GUI上水平显示这两个表。但是不能正确显示它们。你能看看我的代码吗？如何水平显示这两张表？

---

这是我的代码链接：

没有任何跨浏览器和正确的解决方案。我会使用古代风格的代码，并将它们放在第三张表中

快小提琴：

我添加了一些CSS以使其更可见。我还添加了带有大量

*

的HTML注释来标记我的编辑

---

这是CSS中的

display:table something

。不幸的是，IE对此有问题。您可以使用浮动，但有时可能会出现问题。

没有任何跨浏览器和正确的解决方案。我会使用古代风格的代码，并将它们放在第三张表中

快小提琴：

我添加了一些CSS以使其更可见。我还添加了带有大量

*

的HTML注释来标记我的编辑

---

这是CSS中的

display:table something

。不幸的是，IE对此有问题。你可以玩浮动，但有时可能会有问题。

我会做类似的事情

<div id="container">
<div id="table1">put your table here</div>
<div id="table1">put your table here</div>
<div class="clear">&nbsp;</div>
</div>

把桌子放在这儿
把桌子放在这儿

在CSS中

#容器{宽度：100%；}

#表1{宽度：50%；浮动：左；显示：块；}

#表2{宽度：50%；浮动：右；显示：块；}

.clear{clear:both；}

---

这是最低限度的标记和CSS，应该让您了解如何布局元素

我会做这样的事情

<div id="container">
<div id="table1">put your table here</div>
<div id="table1">put your table here</div>
<div class="clear">&nbsp;</div>
</div>

把桌子放在这儿
把桌子放在这儿

在CSS中

#容器{宽度：100%；}

#表1{宽度：50%；浮动：左；显示：块；}

#表2{宽度：50%；浮动：右；显示：块；}

.clear{clear:both；}

---

这是最低限度的标记和CSS，应该让您了解如何布局元素

事实上，我试过了，但无法正确显示，你能告诉我我的代码会是什么样子吗？我在回答中添加了小提琴的链接。无意冒犯，但你不是在利用表格进行布局并恐吓他/她进入黑暗时代吗？@Kumar是的。这不是我的错，IE的某些版本太流行了。你让我笑了：），+1对你说：事实上我试过了，但无法正确显示，你能告诉我我的代码会是什么样子吗？我在回答中添加了拉小提琴的链接。没有冒犯的意思，但你不是在使用表格布局，恐吓他/她进入黑暗时代吗？@Kumar Yes。这不是我的错，IE的一些版本太流行了。你让我笑了：），+1对你来说：p你对一个div使用相同的ID

tableContainer

，这肯定会导致错误的UI你对一个div使用相同的ID

tableContainer

，这肯定会导致错误的UI