我是新來編碼,XHTML,CSS以及PHP的世界。我遇到過很多關於定位的教程,即相對,絕對和固定,但不知道什麼時候我必須使用它們,或者何時最好使用它們。我會欣賞一些例子。何時使用CSS定位?
回答
ALA有nice tutorial(做很多的例子在那裏)當你需要定位的東西,不能定位正常流量中 CSS定位會特別有用。
對於理解CSS定位,則需要獲得與「CSS框模型」
有噸教程在網上熟悉。 這裏有一些好的舉例初學者:
http://www.brainjar.com/css/positioning/default.asp
感謝。我已經閱讀了關於CSS Box Models的內容,但是沒有一篇解釋我應該使用相對,相對,絕對和固定的時間。我知道有一個適用於所有情況的答案,但最好能有一個想法。 – PeanutsMonkey 2011-05-14 17:45:47
兩個,我經常使用的有:
相對定位:幫助你的風格元素相對於其他元素。例如。您想要將輸入移動到相對於其內部的div的右側。
固定定位:非常適合像刷新建議那樣得到「固定」的東西,以便它們隨時隨地滾動。
這是最好的玩弄他們,看看自己。
當你說'相對於彼此'時,這意味着什麼,例如,說我左邊有我的標識元素,並希望我的導航顯示在其右側,這是否意味着我想將其定位在相對於我的右側? 我已經看到了使用相對連同絕對,但再次的例子,我不是很清楚。從我現在無數次被告知的是,遠離W3學校,因爲他們不遵守標準... – PeanutsMonkey 2011-05-14 17:44:32
嗯。看起來好像有批評W3學校。我喜歡在引用簡單的東西時使用它,但也許它們不是最好的。在你的相對定位問題上,你是對的,因爲你將導航相對於你的位置定位在左側的標誌上。我從來沒有用過絕對,所以不知道它是否可以使用。 – ksindi 2011-05-14 18:28:21
爲了有效地進行佈局使用CSS,它有助於瞭解如何使用它來定位頁面內容。本文概述了在CSS2規範中控制可視化渲染的方法和規則。它還指出了一些需要注意的事項。
- 1. 使用Safari時CSS定位問題:
- 2. 定位的div使用CSS
- 3. 使用CSS定位問題
- 4. 定位文字使用CSS
- 5. 使用JavaScript定位CSS getElementById
- 6. CSS - 使用絕對定位
- 7. 使用AddThis的CSS定位
- 8. 使用CSS定位圖像
- 9. 使用css定位HTML textarea
- 10. 使用CSS來定位div
- 11. 使用CSS定位表格
- 12. 使用CSS定位DIV's
- 13. 如何使用CSS定位表格
- 14. 如何使用css定位其他iframe?
- 15. 如何定位和使用CSS
- 16. 如何使用JavaScript定位CSS鏈接
- 17. 我如何定位按鈕,使用CSS
- 18. 如何使用CSS或Javascript定位Mac
- 19. 如何使用多個CSS定位器作爲硒定位器?
- 20. CSS位置x時的固定位置
- 21. 使用CSS定位側邊欄內容旁邊使用CSS
- 22. 使用未使用CSS的花式定位位置:絕對
- 23. 浮動的div不在預期的位置時使用CSS左和頂定位使用絕對定位
- 24. 使用CSS定位彈出窗口
- 25. 使用定位從HTML + CSS創建PDF
- 26. 使用CSS定位HTML5中的按鈕
- 27. 創建使用CSS鍵盤 - 定位
- 28. 使用CSS定位背景圖片
- 29. 使用CSS交替左右定位
- 30. 使用XPath和CSS定位元素
謝謝。當你說'它不能在正常流程中定位時,什麼被認爲是'正常流量'? – PeanutsMonkey 2011-05-14 17:46:33
http://www.w3.org/TR/CSS2/visuren.html#normal-flow以及它的基本元素是如何獲得的HTML默認情況下彼此堆疊......往我提供的鏈接,仔細閱讀。(我的意思是特別是ALA) – DrStrangeLove 2011-05-14 17:51:57
謝謝。我讀了一篇關於ALA的文章,這當然很有洞察力,雖然沒有完全按照W3提出的綱要,特別是關於「不同時」。 – PeanutsMonkey 2011-05-14 18:03:03