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