无论分辨率如何，如何将div与屏幕的右上角对齐？

Question

这是关于以下页面： http://kinkarso.com/rayku/slider.html

我希望将这个方框放在屏幕的右上角，但是目前如果屏幕分辨率不同，它就不会保持正确。有什么想法吗？

谢谢！

Answer 1

不需要javascript，而是使用CSS

将位置设置为固定并添加其他属性：

#tutors-popup {

    /* fixed within viewport */
    position: fixed;

    /* set position */
    top: 20px;
    right: 30px;

    /* must have dimension */
    width: 100px;
    height: 200px;
}

你也会意识到你不需要内在的......

如果您不喜欢右边距的固定对齐，您也可以使用％尺寸设置right。然后根据屏幕宽度（或您所指的分辨率）将其设置为不同。

Answer 2

您需要为container设置一个可变宽度，否则您无法实现此目标。所以width:100%会这样做。然后使用float:right

将实际弹出窗口设置到右上角

注意：这只是一个解决方案，可能会有更多的解决方案！

Answer 3

将Div容器中的CSS更改为此

#tutors-popup {
   position: fixed;
   top: 0;
   right: 0;
}

即使您更改了分辨率，div'trutors-popup'现在位于右上角。