Question

我有两个<table>元素，我希望通过使第二个<table>水平移动固定数量的像素，以特定的方式垂直排列它们。

例如：

<table id="table1" align="center">
    ...
</table>
<table id="table2" style="padding-left: 130px;">
    ...
</table>

但是，我发现在不同的浏览器中（例如Chrome与Safari），padding-left属性会导致略有不同的结果（即第二个表在一个浏览器中显示正常时，它会偏离2或3个像素另一个浏览器中的期望结果）。有没有办法让这种定位在所有现代浏览器中保持一致？优选地，仅CSS的解决方案更好。

Answer 1

考虑padding和margin上的CSS重置，浏览器具有默认值，并且所有浏览器的值都不相同。默认值可能会干扰您的预期行为。

* {
    margin: 0;
    padding: 0;
}