如何在浏览器调整大小时修复相同位置上的每个元素？

Question

任何人都告诉我，如何用CSS来修复所有元素，意味着我们在浏览器的高度和宽度上做什么，那么元素不应该移动？或元素不应该相对于浏览器的高度和宽度移动，页面也应该滚动？

Answer 1

将position: absolute应用于元素将导致它相对于文档保持固定。也就是说，它将随文档一起滚动。

应用position: fixed将导致它相对于您的浏览器窗口保持固定。也就是说，如果您滚动文档，它将不会移动。

与这些position值，你可以指定top，right，bottom和left某种组合来指定自己的位置。例如，以下样式将修复非常接近浏览器窗口右上角的元素（它不会随文档一起滚动）：

.topright { 
    position: fixed; 
    top: 5px; 
    right: 5px; 
}