DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> div css的絕對定位與相對定位
div css的絕對定位與相對定位
編輯:CSS詳解     

css絕對定位與相對定位  是網頁制作中經常用到的,很多新手,由於不熟悉這兩個屬性,導致網頁制作完成後出現很多問題,現在我們來談談css中的絕對定位與相對定位,算是css教程的一部分吧,不算難,但是基礎很重要。
 

定位(左邊和頂部),下面我們來看個例子

H4 { position: absolute; left: 100px; top: 43px }

這樣定義<H4>,讓他的起始位置精確地定在距離浏覽器左邊100象素,距離其頂部43象素的位置。

注意這裡唯一設置了的是左邊和頂部,也就 是說,文字將從左到右,從上到下載入浏覽 器窗口。

左邊和頂部屬性很直觀,左邊(left)設定要素距浏覽器窗口左邊的距離,頂部(top) 設定距離浏覽器窗口頂部的距離。

設定這些距離時,你可以使用所學過的各種長度單位或比例值。使用比例值時,比例值指的是相對於母體要素的尺寸。

你可以定位什麼呢?任何東西!段落、單詞、 GIF和JPEG圖象,等等一切頁面元素都可以,

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved