css 定位令你可以將乙個元素精確地放在頁面上你所指定的地方。
脫離原位置進行定位
下面舉個絕對定位的例子 ：
在文件的四個角落各放四個盒子
html**段
box1
box2
box3
box4
div
#box1
#box2
#box3
#box4
保留原位置進行定位
其位置是相對於它在文件中的原始位置計算而來的。這意味著，相對定位是通過將元素從原來的位置向右、向左、向上或向下移動來定位的。採用相對定位的元素會獲得相應的空間。
舉例
我們可以相對於三張在頁面上的原始位置來對它們進行相對定位。注意這些將在文件中各自的原始位置處留下空位
html**段
#dog1
#dog2
#dog3
CSS中定位屬性的常見屬性值
在使用css對頁面布局時，我們常會使用到定位屬性，定位主要應用於乙個元素在另外乙個元素之上，或者我們需要在網頁中精準地確定某乙個元素的位置，並且這個元素有明確的參照物。其常見的屬性值有五個 一 position static 預設值 預設值通常沒有任何布局效果，定位中的static也是這樣的存在。二...
CSS的定位屬性
說到css的定位屬性，首先談一下css的三種定位機制。今天介紹的是第三種定位流，他的定位屬性position有以下幾種情況 1.static 預設值 沒有定位 2.relative 相對定位 參照物 自己所在的位置 特點 如果沒有定位偏移量，對元素本身沒有任何影響，不使元素脫離文件流，空間會被保留，...
CSS定位屬性
position 把元素放置到乙個靜態的 相對的 絕對的 或固定的位置中。top定義了乙個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。right 定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。bottom 定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。left 定義了定位元素左...