固定定位是CSS布局中的一种定位机制，它允许开发者将元素相对于浏览器窗口进行定位，而不是相对于文档流中的其他元素。固定定位的元素会脱离常规的文档流，无视滚动条滚动，始终保持在屏幕的同一位置。那么，固定定位是根据什么来进行定位的呢？
固定定位是根据浏览器窗口（viewport）来进行定位的。这意味着，无论页面如何滚动，使用固定定位的元素都会相对于浏览器窗口的某个位置保持不变。以下是固定定位的一些关键特点：
1. 相对于浏览器窗口定位：使用固定定位的元素相对于浏览器窗口进行定位，而不是父元素或文档流中的其他元素。
2. 脱离文档流：固定定位的元素会脱离文档流，不会占据页面上的空间，因此不会影响其他元素的布局。
3. 始终可见：由于固定定位的元素相对于浏览器窗口定位，因此当页面滚动时，它们会始终保持在屏幕上的同一位置，不会被滚动条隐藏。
4. 定位上下文：固定定位的元素相对于浏览器窗口的顶部和左侧边缘定位，可以使用top、right、bottom和left属性来设置偏移量。
5. 层叠上下文：固定定位的元素会创建一个新的层叠上下文，这意味着它们的z-index值会影响它们与其他元素的堆叠顺序。
现在，让我们详细探讨固定定位的用法和注意事项：
1. 使用固定导航栏：固定定位最常见的用途是实现固定在顶部的导航栏。这样，当用户在页面上滚动时，导航栏始终可见，方便用户在不同部分之间导航。
.nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #333;
}
2. 侧边栏广告：固定定位还可以用于实现固定在页面一侧的广告或提示信息，如下所示：
.advertisement {
position: fixed;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
3. 注意兼容性：虽然固定定位在现代浏览器中得到了广泛支持，但仍然需要关注一些老版本浏览器的兼容性问题。在老版本的IE浏览器中，固定定位可能无法正常工作。
4. 使用固定定位的元素可能导致页面布局问题：由于固定定位的元素脱离了文档流，它们不会占据页面空间，这可能导致其他元素的布局受到影响。因此，在使用固定定位时，要确保其他元素的布局不受影响。
5. 考虑移动端布局：在移动设备上，由于屏幕尺寸的限制，固定定位可能会影响用户体验。因此，在移动端布局时，要谨慎使用固定定位，并确保布局在各种设备上都能正常显示。
综上所述，固定定位是一种强大的CSS布局工具，可以用来实现各种布局效果。然而，在使用固定定位时，要注意兼容性、页面布局和移动端用户体验，以确保设计出既美观又实用的页面。