在CSS中,可以使用position: fixed
屬性將兩個(gè)塊元素固定在頁(yè)面頂部,實(shí)現(xiàn)兩個(gè)塊都置頂?shù)男Ч唧w步驟如下:
1、確保你的HTML文檔中有兩個(gè)塊元素,例如兩個(gè)div
元素。
2、給這兩個(gè)塊元素添加CSS樣式,設(shè)置position: fixed
屬性,使它們固定在頁(yè)面頂部。
.block1, .block2 { position: fixed; top: 0; left: 0; width: 50%; height: 100px; background-color: #f00; } .block2 { left: 50%; }
在這個(gè)示例中,.block1
和.block2
都將被固定在頁(yè)面頂部,并且它們將分別占據(jù)頁(yè)面寬度的50%,你可以根據(jù)自己的需求調(diào)整這些樣式屬性。
3、確保你的HTML文檔結(jié)構(gòu)正確,并且已經(jīng)包含了這兩個(gè)塊元素。
<div class="block1">塊1內(nèi)容</div> <div class="block2">塊2內(nèi)容</div>
你的兩個(gè)塊元素都將被固定在頁(yè)面頂部,實(shí)現(xiàn)兩個(gè)塊都置頂?shù)男Ч?/p>