css - 将 div 定位在主要内容的左侧

Question

我正在努力正确定位图片上的 DIV。它使用 JS 上下滚动，效果很好。问题是，我无法调整浏览器窗口的大小。在这种情况下，DIV 覆盖了页面的内容。

DIV的CSS：

#topbar_right{
position:absolute;
margin-top: -5px;
z-index: 2;
right:50%;
margin-right:100px;
}

我的问题是：如何定位这个 div，使其右边缘始终保持在同一个位置，并且在我调整窗口大小时它不会覆盖内容。

谢谢您的反馈！

Answer 1

绝对定位使元素脱离文档的正常流程。

如果强制在 上使用绝对定位DIV，可以应用left-margin到内容块上，等于绝对定位的宽度DIV。