①position:static.
是預設的定位方式。
②position:relative.
使用這種方式的元素會脫離文件流，相對於它本應該在的位置進行偏移，並且，該元素原來所在的位置會保留下來。
當在box2的css裡加入position:relative;之後，box2就會脫離文件流，相對於自己以前的位置來定位（在本例中是left:100px，所以box2會向左移動100px，如下圖）
與relative不同的是，absolute定位的元素相對於距離最近的具有定位屬性的元素進行定位，逐級上找，直到body為止。另外，absolute的元素原來的位置不再保留。
在修改box1和box2的**如下：
.box1
.box2
④ position:fixed.
fixed定位的元素會相對於瀏覽器視窗定位，所以這種元素位置不會發生改變。
修改box1讓box1的高變為2000px，出現滾動條，當滑動滾動條的時候，box2使用fixed定位，位置會保持不變。
float的元素都會脫離文件流，使用left、right定位。並且預設的z-index等於0。這種元素具有以下特點：
無視z-index為0的元素，排擠非float的元素。例如float:left,那麼該行上非float就會被擠到下乙個位置。
同為float的元素按順序排列。
下面的**驗證了上述的兩個特點：
css定位方法
第乙個後代元素 first child 最後乙個子元素 last child nth child n 選取第幾個標籤，n可以是你想要的數字 css 列指示該屬性是在哪個 css 版本中定義的。css1 css2 還是 css3。例子 例子描述 css.class intro 選擇class intr...
css定位方法
css定位快，語法簡潔 常用屬性css定位 1 可以通過元素的id class 標籤這三個常規屬性直接定位到 2 代表id driver.find element by css selector kw 3 代表class driver.find element by css selector s i...
CSS定位使用方法
對於網頁頁面布局來說，使用定位進行布局十分的方便。絕對定位 使用絕對定位應當將父元素設定為相對定位，否則元素絕對定位的基準會一直尋找外層非靜態定位元素 doctype html html lang en head meta charset utf 8 title title title style ...