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;