在html中显示表时出现问题

我想用html显示两个表格，第一个在中间，第二个在右边，如图所示

但我不知道怎么做。请帮帮我。

<table width="100%">

<tr><td width="33%"></td></tr>
<tr><td width="33%"> First table goes here </td></tr>
<tr><td width="33%"> Second table goes here</td></tr>

</table>

第一张桌子在这里
第二张桌子在这里

您可以使用浮动来实现一个漂亮的CSS解决方案：

#container { overflow: hidden; }
#table1 { float: left; width: 60%; }
#table2 { float: right; width: 39%; }

鉴于此HTML：

<div id="container">
    <table id="table1">...</table>
    <table id="table2">...</table>
</div>

...
...

根据您的喜好设置宽度

---

需要

溢出：隐藏

，否则

#容器

将崩溃，因为默认情况下，在计算父级高度时不考虑浮动。

或在div框架中

html

---

我不明白你想要什么。请看图片我想设计两张像图片一样的桌子我还是不明白。您是否要求两个相邻的表，一个有5行，另一个有3行？即使缺少边框块？我希望您的实际表中每个都有不止一列（否则您几乎肯定会使用列表）。在其他条件相同的情况下，容器是否崩溃……或是否存在实际上并不重要，为了这个问题的目的。@David这是真的。我只是想就可能出现的进一步问题提供一些帮助。没有css是不可能的？你想做演示。CSS被设计用来表示HTML和其他标记文档。你为什么要避免它？@mehdi如果没有CSS，你早在10年前就会这么做了。在web开发中，这是一段很长的时间。如今，如果你想在网络上创建任何东西，你不应该回避CSS。绝对定位是一个工具的大锤。如果小心地应用到正确的位置，它可以做一些有用的事情，但是疯狂地使用它往往会破坏布局。这通常应该是最后的手段。@david。。我也能拿出100篇支持表格的文章。这取决于手头的问题。。。对于跨浏览器的支持，您绝对需要tables@Kasturi你是认真对待你的跨浏览器声明的吗？用于布局的表格是一种来自遥远过去的技术，所有浏览器（现在至少有0.1%使用）都支持足够的CSS来完成这个简单的任务。@Kasturi我每天都在与之斗争。即使IE6已有10年历史，也不需要表格（用于布局）。

<div id="container">
  <div id="left">
    <table>
//left table
    </table>
  </div>
  <div id="right">
   <table>
//right table
   </table>
  </div>
</div>

#container{
top:0px;
left:0px;
height:100%;
width:100%;
position:absolute;
}
#left {
top:0px;
left:0px;
height:100%;
width:60%;
position:absolute;
}
#right{
top:0px;
left:60%;
height:100%;
width:40%;
position:absolute;
}