在调整浏览器大小时,如何修复同一位置的每个元素?

时间:2014-08-29 15:28:58

标签: css fixed elements scrollable

任何人告诉我如何使用css修复所有元素,意味着无论我们使用浏览器的高度和宽度做什么,元素都不应该移动?或元素不应相对于浏览器移动'高度和宽度以及页面也应滚动?

1 个答案:

答案 0 :(得分:1)

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

应用position: fixed会使其相对于浏览器窗口保持固定状态。也就是说,如果您滚动文档,它将不会移动。

使用这些position值中的每一个,您都可以指定toprightbottomleft的某种组合来指定其位置。例如,以下样式将修复一个非常接近浏览器窗口右上角的元素(它不会随文档滚动):

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