CSS中對于手機網頁的左側、右側固定,是通過position屬性進行控制的。具體來說,左側固定可以使用position:fixed和left:0,而右側固定則可以使用position:fixed和right:0的組合。
.left { position: fixed; left: 0; top: 0; z-index: 9999; } .right { position: fixed; right: 0; top: 0; z-index: 9999; }
上面的代碼中,左側的固定元素的類名為left,右側的固定元素的類名為right。其中,position屬性值為fixed表示元素固定位置,left和right屬性分別指定了元素相對于窗口左側和右側的距離。top屬性指定了元素相對于窗口頂部的距離,z-index屬性用于控制元素的層級,值越大越靠前。
需要注意的是,使用position:fixed屬性的元素在瀏覽器中是不可滾動的。如果希望元素在頁面滾動時同步移動,則可以使用position:absolute屬性,同時控制元素的top屬性值。
上一篇css手風琴側邊導航菜單
下一篇css手電