CSS 固定定位是一種常用的布局技巧，它可以讓頁面中的特定元素始終顯示在屏幕上的固定位置。這篇文章將介紹 CSS 固定定位的特性以及如何使用它。 CSS 固定定位有兩個主要特性：固定位置和覆蓋流布局。固定位置意味著元素始終保持在屏幕上的相同位置，即使用戶滾動頁面也不會改變。而覆蓋流布局則是指元素將脫離文檔流并覆蓋在其他元素之上。 下面的代碼演示了如何使用 CSS 固定定位：

p {
position: fixed;
top: 0;
left: 0;
}

在上面的代碼中，我們選取了一個p元素并將其樣式設為固定定位。這意味著不管頁面滾動到什么位置，這個元素始終會保持在屏幕的左上角。 在上面的代碼中，我們使用了position屬性來指定元素的定位方式。這個屬性有四個可選值：static、relative、fixed 和 absolute。在固定定位中，我們使用fixed值來指定元素永久地固定在屏幕上的位置。 接下來，我們使用top和left屬性來指定元素相對于屏幕左上角的位置。在上面的代碼中，我們將這兩個屬性都設置為 0，使元素位于屏幕的左上角。 需要注意的是，在使用固定定位時，元素的大小和位置可能會影響頁面其他元素的布局。因此，在使用 CSS 固定定位時，確保元素不會影響其他頁面布局。 在總結中，CSS 固定定位是一種強大的布局技巧，可以讓你在網頁設計中動態地固定元素的位置。使用position: fixed屬性可以將元素固定在屏幕上，并使用top和left屬性來指定元素的位置。然而，需要謹慎使用固定定位，以避免對整個布局的影響。