一、position
屬性：規定元素的定位型別。即元素脫離文件流的布局，在頁面的任意位置顯示。
有4種不同型別的定位:
①absolute ：絕對定位；脫離文件流的布局，遺留下來的空間由後面的元素填充。定位的起始位置為最近的父元素(postion不為static)，否則為body文件本身。
②relative ：相對定位；不脫離文件流的布局，只改變自身的位置，在文件流原先的位置遺留空白區域。定位的起始位置為此元素原先在文件流的位置。
③fixed ：固定定位；類似於absolute，但不隨著滾動條的移動而改變位置。(一般很少用,瀏覽器不相容!)
④static ：預設值；預設布局。
二、position屬性只是使元素脫離文件流，要想此元素能按照希望的位置顯示，就需要使用下面的屬性：
①left ： 表示向元素的左邊插入多少畫素，使元素向右移動多少畫素。
②right ：表示向元素的右邊插入多少畫素，使元素向左移動多少畫素。
③top ：表示向元素的上方插入多少畫素，使元素向下移動多少畫素。
④bottom ：表示向元素的下方插入多少畫素，使元素向上移動多少畫素。
上面屬性的值可以為負，單位：px,%。
二、position屬性的應用
div1_absolute
div2
(1-1)如果沒有已經定位的祖先元素，那麼會以瀏覽器視窗為基準進行定位。
效果:
(1-2)如果以它最近的乙個「已經定位」的「祖先元素」 為基準進行偏移.
效果:
(2)relative 相對定位:
無論是在標準流中還是在浮動流中，都不會對它的父級元素和相鄰元素有任何影響，它只針對自身原來的位置進行偏移。
.d1綜合應用:
CSS 定位position屬性
div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容，即 塊框 與之相反，span 和 strong 等元素稱為 行內元素 這是因為它們的內容顯示在行中，即 行內框 您可以使用 display 屬性改變生成的框的型別。將 display 屬性設定為 block，可以讓行內元素...
CSS定位屬性Position詳解
css中最常用的布局類屬性，乙個是float css浮動屬性float詳解 另乙個就是css定位屬性position。所有元素的預設定位都是 position static，這意味著元素沒有被定位，而且在文件 現在它應該在的位置。一般來說，不用指定 position static，除非想要覆蓋之前設...
CSS定位屬性（position）講解
定位在我們頁面中應用非常廣泛，可是使我們頁面更加簡潔快捷，今天我們就來談談定位屬性 position 講到定位我們就要先了解定位機制 定位的三種機制 普通流 浮動流 定位流 1 普通 上下排列的布局 注 大部分情況 2 浮動 左右排列的布局 注 大部分情況 3 定位 層疊 疊加 排列的布局 注 大部...