如何設置標題欄一直置頂固定顯示?
只需要給標題欄所在的容器,以下設置:
position: fixed;
top: 0px;
left: 0px;
width: 100%;
位置固定在左上角,同時寬度填充滿。
以下是Position的幾個值:
fixed
生成絕對定位的元素,相對於瀏覽器窗口進行定位。
然后元素的位置通過 “left”, “top”, “right” 以及 “bottom” 屬性進行規定。
生成絕對定位的元素,相對於瀏覽器窗口進行定位。
然后元素的位置通過 “left”, “top”, “right” 以及 “bottom” 屬性進行規定。
absolute
生成絕對定位的元素,相對於 static 定位以外的第一個父元素進行定位。
元素的位置通過 “left”, “top”, “right” 以及 “bottom” 屬性進行規定。
生成絕對定位的元素,相對於 static 定位以外的第一個父元素進行定位。
元素的位置通過 “left”, “top”, “right” 以及 “bottom” 屬性進行規定。
所以,如果只是在當前父容器上置頂,可以使用absolute
relative
生成相對定位的元素,相對於其正常位置進行定位。
因此,“left:20” 會向元素的 LEFT 位置添加 20 像素。
生成相對定位的元素,相對於其正常位置進行定位。
因此,“left:20” 會向元素的 LEFT 位置添加 20 像素。
static
默認值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。
inherit 規定應該從父元素繼承 position 屬性的值。
inherit 規定應該從父元素繼承 position 屬性的值。