绝对定位导航箭头问题

时间:2013-10-13 02:40:10

标签: javascript html css

我遇到的问题是,我正在使用的投资组合查看器的左侧导航箭头随着窗口的大小移动,我无法弄清楚如何在我的div中包含它并保持静止。我正在使用的插件名为“Portfoliojs”

以下是我遇到问题的页面的链接:http://bopratt.com/bopratt/test/

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

具有position:absolute的元素是相对于页面的,或者是相对定位的下一个元素。

你可以添加位置:相对于#bomain,这将使位置:相对于该div而不是页面的.gallery-arrow-right中的绝对位置(并不总是保持左侧:x距离左边缘的距离)页)

#bomain {
    position: relative;
    /* other stuff */
}

你还需要调整.gallery-arrow-right上的css(类似于top:0和left:870px)