CSS盒子固定窗口頂部的方法

在CSS中，我們可以使用position屬性來固定一個盒子（div）到窗口的頂部，這可以通過將position屬性設置為"fixed"來實現(xiàn)，這樣盒子就會固定在窗口的頂部，不會隨著頁面的滾動而移動。

以下是一個示例代碼，展示如何將一個CSS盒子固定在窗口頂部：

HTML代碼：

<div class="box">我是CSS盒子</div>

CSS代碼：

.box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #f00;
}

在這個示例中，我們創(chuàng)建了一個名為"box"的CSS盒子，并將其位置設置為"fixed"，這將使盒子固定在窗口的頂部，我們設置了盒子的寬度為100%，高度為50px，并添加了背景顏色#f00。

無論頁面如何滾動，這個CSS盒子都會保持在窗口的頂部，如果需要調(diào)整盒子的位置，可以使用top和left屬性來調(diào)整盒子的偏移量。