css入門教程:CSS Position 教程

隨著知識的CSS定位，你將能夠操縱的確切位置的HTML元素。設計，以前需要使用JavaScript或HTML圖片地圖現在可以這樣做完全是在CSS 。它不僅是容易的代碼，但它也載入更快！

相對位置
相對定位變化的立場HTML元素相對的地方通常會出現。如果我們有一個標題，出現在我們上方的網頁，我們可以使用相對定位，將它移到有點權，並減少了幾個像素。下面就是一個例子。

h3 {
position: relative;
top: 15px;
left: 150px;
}
p {
position: relative;
left: -10px;
}

您可能注意到，您確定了四種可能的方向（左，右，上，下）只用兩個（左邊和頂部） 。這裡有一個快速移動時參考HTML元素在CSS 。

向左移動-使用負值離開。
向右移動-使用一種積極的價值了。
向上移動-使用負值頂端。
下移-使用一種積極的價值最高。

絕對位置
絕對位置，你定義的確切像素值在指定的HTML元素就會出現。起點是最左邊的瀏覽器的可視面積，因此請務必衡量你是從這一點。

注意：Firefox目前沒有解釋絕對正確的定位。但是這兩個6.0 +和Opera 8.0 +做。

h3 {
position: absolute;
top: 50px;
left: 45px;
}
p{
position: absolute;
top: 75px;
left: 75px;
}
好了教程就OK了.