css：相对于其他元素的定位

Question

假设我有两个元素，div1和div2，我已经为div1定义了css。我想指定div2相对于div1的位置，例如说div2应该是div1左边的30px。这可能吗？

由于 布鲁斯

Answer 1

是。将div 1的位置设置为relative。将div2的位置设置为绝对值，左侧值为30px。 Div2绝对不会定位到身体，而是定位到具有相对位置的父div。

Answer 2

是的（除非我真的简化了你的问题）：

div1 { position: absolute; left:0; top:0; }

div2 { position: relative; left:30px; }

Answer 3

如果div1正好在你已经在页面上的位置，那么我认为Phil的回答是：相对是正确的。如果不是这样的话，这里有一些其他选择。

澄清问题，你想让div2在div1的左边出现30px，还是你想让div2有一个30px的左边距将它放在div1的右边？

如果是前者，请确保div2在你的html中的div1之前，并试试这个：

div1, div2 { float: left; }
div2 { margin-right: 30px; }

如果是后者，请确保div1在div2之前，并尝试这样的事情：

div1, div2 { float: left; }
div2 { margin-left: 30px; }