jquery - CSS 定位在浏览器调整大小时或在较小的屏幕上发生变化

Question

我有一个网站，当用户登录时，他们可以单击他们的用户名，然后会出现一个使用 jQuery 的框。问题是盒子是根据我的浏览器定位的，我不知道如何让它正确。

我用来定位它的 css 代码:

z-index: 9999;
position: absolute;
top: 100px;
left: 116px;

如果您访问该站点，您会更好地理解，请登录

网站:codexvideos.com

图像正确时的样子: http://i.stack.imgur.com/vOBiy.png

这是它在较小的屏幕、调整大小的屏幕或其他浏览器上的样子。 http://i.stack.imgur.com/rmMh6.png

请勿发表任何评论或更改头像等

Answer 1

绝对位置元素相对于第一个非静态位置的父元素定位。因此，将 position: relative 添加到您的 div#wrap 声明中，并相应地调整放置元素的左侧位置。