html - 来自中心的 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;