如何在瀏覽器調整大小時修復相同位置上的每個元素？

Question

任何人都告訴我，如何用CSS來修復所有元素，意味着我們在瀏覽器的高度和寬度上做什麼，那麼元素不應該移動？或元素不應該相對於瀏覽器的高度和寬度移動，頁面也應該滾動？

Answer 1

將position: absolute應用於元素將導致它相對於文檔保持固定。也就是說，它將隨文檔一起滾動。

應用position: fixed將導致它相對於您的瀏覽器窗口保持固定。也就是說，如果您滾動文檔，它將不會移動。

與這些position值，你可以指定top，right，bottom和left某種組合來指定自己的位置。例如，以下樣式將修復非常接近瀏覽器窗口右上角的元素（它不會隨文檔一起滾動）：

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