html - 如何让两张 table 从左到右并排 float ？

Question

如果我有两张 table 呢？

<table class="one"> and... <table class="two">

CSS 看起来像:

table.one {
    position: relative;
    float: left;
}
table.two {
    position: relative;
    float: right;
}

它不工作...

Answer 1

不要使用 position:relative，只需为每个表格提供宽度以便正确 float 。

table.one {
    float:left;
    width:45%;
}

table.two   {
    width:45%;
    float:right;
}​