CSS 搜索框固定在頂部的方法非常簡單。我們只需要使用 position 屬性,以及 top、left、right 或 bottom 屬性即可實現。下面是一個示例代碼:
/* 固定搜索框在頂部 */ .search-box { position: fixed; top: 0; left: 0; right: 0; background-color: #fff; }
以上代碼中,我們將 .search-box 類的 position 屬性設置為 fixed,這樣搜索框就可以一直固定在視圖的頂部。接著,我們使用 top、left、right 和 bottom 屬性來定義搜索框在視圖中的位置。在這個例子中,我們將搜索框移動到了視圖的頂部,同時保證它的寬度與視圖一致。
當然,這只是一個基本的示例代碼。如果你想在實際項目中使用這個方法,你還需要仔細考慮搜索框的樣式、交互等因素。