位置div位于主要内容的左侧

时间:2013-04-11 17:05:59

标签: css css-float

我正在努力将DIV正确定位在图片上。它使用JS向上和向下滚动,工作正常。问题是,我无法调整浏览器窗口的大小。在这种情况下,DIV将覆盖页面的内容。

DIV on the left

DIV的CSS:

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

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

感谢您的回复!

1 个答案:

答案 0 :(得分:0)

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

如果您被迫在DIV上使用绝对定位,则可以将left-margin应用于内容块,等于绝对定位DIV的宽度。