示例的 html 行数有点多，请见谅（不过至少可以直接拿去用浏览器打开，也还是很方便的）。

起因是这样的，我想将两个表格并列排列在同一行，最先的想法是像下面这么弄（弄两个 把 套进去，并设置各自 的 width 百分比）。

效果如下：

除了分割线离表格底部比较近之外（可以在第二个 外边套一个 来进行解决），其他好像没啥问题。

但是当我对网页进行缩放之后，问题就暴露出来了。

放大之后，这两个表格竟然有部分重叠（这可不是我希望的），所以只好再另外想想办法了。

于是乎，为了让两个 可以并列排列在同一行（不管怎么样，都不会重叠），我还是将两个 都包裹在了各自的 里边，并把样式设置为了 style="display:inline-block"。

上面的 html 可以实现如图效果： 

然鹅有个尴尬的问题就是，最后的 分割线竟然没有贯穿整行，这可也不是我希望的（我当然希望分割线是在贯穿整行而且不会穿过表格）。

解决办法： 在两个 外边再套一层 ，并将这个最外层的 的样式修改为 。

最后的效果就是下面这样（你可以肆意缩放，它们都不会再有重叠的部分啦）：