Html 三张桌子是水平的

我正在创建一个需要水平放置三个表的页面。 我第一次尝试了两种方法：

#table_one {
position: relative;
float: left;
}

#table_two {
position:relative;
display: block;
}

它成功了。我想添加另一个表，因此我尝试：

#table_one {
position: relative;
float: left;
}

#table_two {
position:relative;
display: block;

#table_three {
position:relative;
float: right;
}

---

但是第三个表出现在两个表的下面，它自己放在右边，并且它自己垂直扩展，甚至从我的页面背景中消失。

而不是

float:left/right

对块元素使用内联布局（如或）

它工作正常。但是有一件事-桌子一的高度是20%，桌子二的高度是50%，桌子三的高度是20%，所以你可以看到中间的一个比另外两个高。但是表二是垂直向上扩展的，而不是向下扩展的。如果我继续把东西放在表二上，它会越来越高。我怎样才能使它向下扩展，使另外两张桌子保持在顶部而不是地面上？@RunCode:Apply

vertical align:top

到table元素。谢谢你！信息技术workes@RunCode：很高兴帮助您保存表格的HTML在哪里？等