CSS中的定位是頁面布局中非常重要的一部分,而其中的"fixed"屬性更是一個很常用的選項。那這個屬性到底是什么呢?
首先,我們需要知道CSS中的定位是通過設定元素相對于其父元素的位置。而當我們使用"fixed"屬性時,元素的位置將是相對于視口而言的。也就是說,無論你如何滾動頁面,該元素所在的位置不會發生改變。
/* 還是用最基本的代碼來示范-fixed屬性的用法 */ #element { position: fixed; top: 100px; left: 200px; }
如上所示,我們將一個id為"element"的元素設定為固定定位,并在視口的左上角向下100像素、向右200像素的地方進行了定位。這樣,無論你怎樣滾動頁面,該元素始終會出現在視口的這個位置。
另外,需要注意的是,我們在設置固定定位的元素時,如果不指定位置,那該元素將會默認出現在視口的左上角。
/* 演示不指定位置時的固定定位 */ #element { position: fixed; }
總之,當我們需要在頁面中始終固定某一元素時,使用CSS中的"fixed"屬性是一個非常好的選擇。
上一篇css使div上下居中
下一篇mysql書籍 豆瓣