首先，讓我們來分析一下普通流層，浮動流層和定位流層的區別。
普通流層
比作乙個場地。人們要在場地中找尋自己的位置，不一定要對號入座，但必須按照椅子的擺放方式入座（比如椅子是圍成圓形的或是正方形的），總不能全部的人坐在乙個位置上，人摞人呀！這樣必定會發生混亂。
浮動流層
你可以理解為在紙上放的一些東西，比如橡皮、鉛筆、尺子等，你可以把他們放在紙上的任意位置，而且可以覆蓋紙上的其他東西。但是當你把橡皮移開後，你可以發現紙上原本的東西是不會變動的。
定位流層
更高的流層，可以理解為網頁的最高層，起到定位的作用。
介紹完不同的流層，接下來我來重點說一下定位屬性。它是用來控制元素的位置，包括相對定位、絕對定位和固定定位三種方式。（當然，排除了預設定位，position：static）
原始**及效果：
>
#parent
.son
#son1
#son2
#son3
style
>
"parent"
>
div>
div>
div>
div>
1.相對定位
讓元素相對於文件布局的原始位置進行偏移。
position: relative;元素的位置通過 「left」, 「top」, 「right」 以及 「bottom」 屬性進行規定。
例如：現在我們讓中間的div相對於其本身進行定位,其餘部分不作變化
#son2
可以看到，中間div相對於本身位置進行左、上偏移。
2.絕對定位
允許元素與原始文件布局分離且任意定位；
position: absolute;
例如： 現在我們讓中間的div進行絕對定位,其餘部分不作變化
#son2
（）3.固定定位
當頁面滾動時，元素不隨著滾動。
position: fixed;（這個比較簡單，就不舉例子了）
注意：絕對定位和相對定位都屬於定位層。但是相對定位，會在其原本的位置留下痕跡。舉個例子：相對定位可以理解為，你因為有事休學，但你現在所在的學校會給你保留學籍；而絕對定位就可以理解為，你轉學或退學了，你的學籍已經不再本校保留，一切行為與本校無關。
CSS中的定位屬性
css 定位令你可以將乙個元素精確地放在頁面上你所指定的地方。脫離原位置進行定位 下面舉個絕對定位的例子 在文件的四個角落各放四個盒子 html 段 box1 box2 box3 box4 css 段 div box1 box2 box3 box4 效果圖 保留原位置進行定位 其位置是相對於它在文件...
對css中的定位屬性postion刨根解牛
定位的基本思想很簡單 它允許你定義元素框相對於其正常位置應該出現的位置 relative 或者相對于父元素 absolute 另乙個元素甚至瀏覽器視窗本身的位置 fixed 顯然，這個功能非常強大，也很讓人吃驚。div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容，即 塊框 ...
CSS中定位屬性的常見屬性值
在使用css對頁面布局時，我們常會使用到定位屬性，定位主要應用於乙個元素在另外乙個元素之上，或者我們需要在網頁中精準地確定某乙個元素的位置，並且這個元素有明確的參照物。其常見的屬性值有五個 一 position static 預設值 預設值通常沒有任何布局效果，定位中的static也是這樣的存在。二...