来自中心的 div px

Question

我有一个 div 的宽度是 800px 居中对齐：

  min-height:800px;
  margin-left:auto;
  margin-right:auto;

我在它的右边有一个 div，它是固定的：

  left:50%;
  padding-left:400px;
  position:fixed;

但现在 div 覆盖了主要内容。

所以如果主要内容中有一个按钮，我不能点击它，因为固定的 div 在它上面。

我尝试给它一个较低的 z-index，但如果我这样做，我无法点击侧面 div 上的按钮。

是否可以给它一个margin left:50% + 400px; 所以我不需要填充？

Answer 1

只需将padding-left 更改为margin-left：

left: 50%;
margin-left: 400px;
position: fixed;

或者在现代浏览器中使用calc：

left: calc(50% + 400px);
position: fixed;