2011-05-14 32 views
10

我是新來編碼,XHTML,CSS以及PHP的世界。我遇到過很多關於定位的教程,即相對,絕對和固定,但不知道什麼時候我必須使用它們,或者何時最好使用它們。我會欣賞一些例子。何時使用CSS定位?

回答

7

ALA有nice tutorial(做很多的例子在那裏)當你需要定位的東西,不能定位正常流量中 CSS定位會特別有用。

+0

謝謝。當你說'它不能在正常流程中定位時,什麼被認爲是'正常流量'? – PeanutsMonkey 2011-05-14 17:46:33

+0

http://www.w3.org/TR/CSS2/visuren.html#normal-flow以及它的基本元素是如何獲得的HTML默認情況下彼此堆疊......往我提供的鏈接,仔細閱讀。(我的意思是特別是ALA) – DrStrangeLove 2011-05-14 17:51:57

+0

謝謝。我讀了一篇關於ALA的文章,這當然很有洞察力,雖然沒有完全按照W3提出的綱要,特別是關於「不同時」。 – PeanutsMonkey 2011-05-14 18:03:03

4

對於理解CSS定位,則需要獲得與「CSS框模型」

有噸教程在網上熟悉。 這裏有一些好的舉例初學者:

http://www.brainjar.com/css/positioning/default.asp

http://www.tizag.com/cssT/position.php

http://www.alistapart.com/articles/css-positioning-101/

+1

感謝。我已經閱讀了關於CSS Box Models的內容,但是沒有一篇解釋我應該使用相對,相對,絕對和固定的時間。我知道有一個適用於所有情況的答案,但最好能有一個想法。 – PeanutsMonkey 2011-05-14 17:45:47

2

兩個,我經常使用的有:

相對定位:幫助你的風格元素相對於其他元素。例如。您想要將輸入移動到相對於其內部的div的右側。

固定定位:非常適合像刷新建議那樣得到「固定」的東西,以便它們隨時隨地滾動。

這是最好的玩弄他們,看看自己。

+0

當你說'相對於彼此'時,這意味着什麼,例如,說我左邊有我的標識元素,並希望我的導航顯示在其右側,這是否意味着我想將其定位在相對於我的右側? 我已經看到了使用相對連同絕對,但再次的例子,我不是很清楚。從我現在無數次被告知的是,遠離W3學校,因爲他們不遵守標準... – PeanutsMonkey 2011-05-14 17:44:32

+0

嗯。看起來好像有批評W3學校。我喜歡在引用簡單的東西時使用它,但也許它們不是最好的。在你的相對定位問題上,你是對的,因爲你將導航相對於你的位置定位在左側的標誌上。我從來沒有用過絕對,所以不知道它是否可以使用。 – ksindi 2011-05-14 18:28:21