如何根据值水平定位div？

Question

如何水平定位div？

我使用了“Float：left”。我需要的是，想要根据一个值（如边距）定位该div，该值是图像中所示的外部div和内部div之间的距离

我使用了margin-left但它比较了前一个孩子之间的距离，而不是父母（外部div）

我尝试了“左”$（区域）.css（左：LeftVal）;这也没有按预期工作。就我而言，我也不能使用offset。

如何实现这一目标？

注意：图像中的100pxs是一个例子，我可能会使用不同的值。

Answer 1

设置位置如下：

parent(container) {position:relative;}
child1 {position:absolute;left:100px;top:0;}

Answer 2

您可以使用position:absolute完全相对于父级定位元素。

<style>
.outer {
    background: blue;
    width: 200px;
    height: 200px;
    position: relative;
}
.inner {
    position: absolute;
    float: left;
    background: red;
    height: 200px;
}
.inner1 {
    margin-left: 20px;
}
.inner2 {
    margin-left: 120px;
}
</style>

<div class="outer">
    <div class="inner inner1">Inner1</div>
    <div class="inner inner2">Inner2</div>
</div>

如果您不希望div根据内容调整大小，则可以选择不使用float。相反，您可以手动为每个div设置宽度。