html - 当浏览器从右向左移动时，浏览器右侧的元素保持不变

Question

说我有这样的东西

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

当用户将浏览器大小从右向左移动时，我怎样才能让该元素保持在那里并且在浏览器移动时不移动

Answer 1

绝对定位使用定位的父对象来设置其原点。如果未定义，则使用 BODY。

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

Answer 2

尝试position:fixed;而不是position:absolute; 我认为它会很好用。

Answer 3

您应该考虑不要将其定位为rightso with left。如果你有一个站点容器，考虑给它一个固定的宽度，然后 #navbot 相对于容器。

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