三个表水平

时间:2014-05-28 05:19:49

标签: html css css-tables

我正在创建一个需要水平放置三个表的页面。 我先尝试了两个:

#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;
}

但是第三个表格显示在两个表格的下方,它们位于右侧,它会自动垂直扩展,甚至超出了我的页面背景。

1 个答案:

答案 0 :(得分:1)

而不是float:left/right使用块元素的内联布局(例如display:inline-blockdisplay:table-cell