html - 具有中心偏移的 css calc

Question

Here is what I am trying

我在中心有一个元素，我想留在中心。现在我想要一个元素来拥抱这个元素的左侧。

所以实际上我希望左边 div 最左边的位置是 right:calc(50%-200px-(lefts width));

我的问题是做对了:50%；做了一些事情但 right:calc(50% +100px) 没有。

我怎样才能让左边类的 div 总是拥抱中间的那个人？

<div class="left"> hug this center element </div>
<div class="middle"> this stays in the middle</div>

Answer 1

left: 50%; /* align center */
margin-left: -30px;  /* your element width / 2 when element = 60px */