无论分辨率如何,如何将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;
}

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

如果您不喜欢右边距的固定对齐,也可以right使用%尺寸进行设置.然后根据屏幕宽度(或您所指的分辨率)将其设置为不同.