CSS中對(duì)于手機(jī)網(wǎng)頁(yè)的左側(cè)、右側(cè)固定,是通過position屬性進(jìn)行控制的。具體來說,左側(cè)固定可以使用position:fixed和left:0,而右側(cè)固定則可以使用position:fixed和right:0的組合。
.left { position: fixed; left: 0; top: 0; z-index: 9999; } .right { position: fixed; right: 0; top: 0; z-index: 9999; }
上面的代碼中,左側(cè)的固定元素的類名為left,右側(cè)的固定元素的類名為right。其中,position屬性值為fixed表示元素固定位置,left和right屬性分別指定了元素相對(duì)于窗口左側(cè)和右側(cè)的距離。top屬性指定了元素相對(duì)于窗口頂部的距離,z-index屬性用于控制元素的層級(jí),值越大越靠前。
需要注意的是,使用position:fixed屬性的元素在瀏覽器中是不可滾動(dòng)的。如果希望元素在頁(yè)面滾動(dòng)時(shí)同步移動(dòng),則可以使用position:absolute屬性,同時(shí)控制元素的top屬性值。