水平显示html表时出现问题

Question

实际上我想在我的GUI上水平显示这两个表。但是无法正确显示它们。可以查看我的代码吗？以及如何水平显示这两个表？ 这是我的代码链接：http://jsfiddle.net/Yr7km/

Answer 1

我会做这样的事情

<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中     #container{ width: 100%;}
    #table1{ width: 50%; float: left; display: block;}
    #table2{ width: 50%; float: right; display: block;}
    .clear{ clear: both;}
这是最小标记和CSS，可以让您了解如何布局元素。

Answer 2

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

快速小提琴：
http://jsfiddle.net/Yr7km/15/

我添加了一些CSS以使其更加明显。我添加了大量*的HTML评论来标记我的修改。

CSS中的display: table-something。不幸的是，IE有这个问题。 w3schools link你可以玩花车，但有时可能会有问题。