CSS定位屬性(position)是CSS中非常重要的一個屬性,通過它我們可以精確地定位某一個元素的位置,以下是一些常用的定位屬性:
position: static; position: relative; position: absolute; position: fixed;
下面我們來看一些常用的實例及其用法:
1、static(默認值)
這種定位方式不會對元素進行定位,元素位置會保持在文檔流中,默認值為static。
div{ position: static; }
2、relative
相對定位是通過設置元素相對于其正常位置進行定位,定位后仍然占據原來的文檔流空間。
div{ position: relative; top: 10px; left: 20px; }
3、absolute
絕對定位是通過設置元素相對于其最近的非static定位祖先元素進行定位。
div{ position: absolute; top: 50px; left: 100px; }
4、fixed
固定定位會使元素相對于瀏覽器窗口進行定位,該元素不會隨滾動條的滾動而滾動。
div{ position: fixed; top: 0px; left: 0px; }
以上就是一些CSS定位屬性的基本用法,善加利用它們會讓我們的頁面更加美觀。
上一篇css嵌入樣式怎么寫
下一篇css左下角倒角