当浏览器从右向左移动元素时，浏览器右侧的元素保留

Question

说我有类似的东西

#navbot {right:20px;
         position:absolute;
         top:50px}

当用户从右向左移动浏览器大小时，如何将该元素保留在那里并且在移动浏览器时不移动

Answer 1

绝对定位使用定位父级来设置其原点。如果没有定义，则使用BODY。

如果您有页面的包装器，请将其设置为position:relative，然后将navbot作为包装器的子项。这样，元素使用包装器作为其原点，而不是浏览器主体。

Answer 2

尝试使用position:fixed;代替position:absolute; 我认为它会很好用。

Answer 3

您应该考虑不要将right与left放在一起。如果您有一个站点容器，请考虑给它一个固定的宽度，然后相对于容器#navbot。

我的经验是，每次发生在我身上时，结构都是糟糕的计划。