div px from centre

Question

我有一个div widh，800px在中心对齐：

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

我右边有一个div，它固定如下：

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

但现在div已超过主要内容。

因此，如果主要内容中有一个按钮，我无法点击它，因为固定的div已经超过它。

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

是否有可能留下余量：50％+ 400px; 所以我不需要填充？

Answer 1

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

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

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

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