利用
相對定位和偏移量屬性，可以很好的實現以前需要用才能實現的介面，而且實現起來比也很方便。例如，當需要使用者輸入某些資訊，我們常常會用到：標題欄－內容－確定按鈕 這種結構，下面是利用
css樣式的
相對定位及偏移量做的輸入介面。主要特點是：
標題欄有向上的偏移量。利用樣式：top:-10px;position:relative; 可以讓脫離容器，定位於容器之外（本例子中的容器是class="main"的div）。但有一點需要注意的是，位置雖然脫離容器了，但它依舊在容器裡占有一定空間，該例子中，無論怎麼設定.main選擇器的height屬性，綠色條紋的高度總不會小於20px（的高度）。
標題欄的文字我同樣用了top,bottom,left,right這些偏移量屬性，一開始想只利用vertical-align:middle; 屬性讓文字垂直居中，但失敗了，文字一直和底線對齊，無奈又用了偏移量。綠色條紋使用了css濾鏡產生漸變效果，可惜據說只有ie支援:-( 末端「確定」按鈕也是用了相對定位及偏移量的技術。
css**：
a:link,a:active,a:visited{}
a:hover {}
.title{}
.title span{}
.title img{}
.main{}
.main .item{}
.main .foot{}
.main .foot a{}
.main .foot a:hover{}
html**：
請填寫角色基本資訊
角色名稱：
角色描述：
確定
CSS 相對定位
相對定位是乙個非常容易掌握的概念。如果對乙個元素進行相對定位，它將出現在它所在的位置上。然後，可以通過設定垂直或水平位置，讓這個元素 相對於 它的起點進行移動。如果將 top 設定為 20px，那麼框將在原位置頂部下面 20 畫素的地方。如果 left 設定為 30 畫素，那麼會在元素左邊建立 30...
CSS相對定位絕對定位
absolute 絕對定位 一共有四個屬性值 top right bottom left position absolute top 20px 絕對定位的參考點就是他的父級。同理，如果父級沒有定位屬性，就查詢他的爺爺級.relative 相對定位相對定位與絕對定位結合使用 通常情況下，在對元素設定絕...
css的相對定位
二 相對定位 了解層模型的了絕對定位，接下來我們就來聊聊相對定位。如果對乙個元素進行相對定位，它將出現在它所在的位置上。然後，可以通過設定垂直或水平位置，讓這個元素 相對於 它的起點進行移動。設定乙個元素為相對定位，只需要設定position releative。通過乙個簡單的例子認識什麼是相對定位...