Question

我不确定如何继续。我有3个div标签就像这样（这是一个简化的版本）：

<div class="gray" style="margin-left:auto;margin-right:auto;width:100px;overflow:auto;">
<div class="orange"></div>
<div class="blue"></div>
</div>

我想使用css将橙色移动到灰色的左侧，这样我就不必更改html了，但我仍然坚持如何正确地做到这一点。这是一张图片（我想将橙色移动到绿色）：

Answer 1

你必须使用绝对定位：

.orange{
position: absolute;
left: -200px; /* or whatever distance you want */
}

Answer 2

你可以用负余量来做这件事：

Answer 3

使用position-relative会这样做

.orange{ position: relative; left: -200px }

如果它仍然被剪裁，请确保父元素没有溢出：隐藏。