HTML中使用圖層是不可避免的,這樣可以讓網(wǎng)站更加有趣、動態(tài)。但有時候我們希望固定一個圖層的位置,那該怎么辦呢?下面介紹兩種方法。
//第一種方法 div{ position: fixed; top: 100px; left: 100px; } //第二種方法 position:absolute; top:100px; left:100px;
以上兩種方法都可以使圖層位置固定,但是它們有不同的運用場景。第一種方法中使用position: fixed可以讓這個圖層保持在瀏覽器視窗的固定位置上,例如頁面右下角的廣告。而第二種方法使用position: absolute可以讓圖層相對于父元素固定定位,例如在一個文章中為了美觀固定某個圖層位置。
還要注意的是,使用固定位置的圖層在移動設(shè)備上有可能出現(xiàn)遮擋文字或者過長的情況,因此我們應(yīng)該設(shè)置好圖層的尺寸和位置。