web標準佈局實例教程，用定位輕鬆解決CSS複雜佈局_CSS/HTML

我相信來經典論壇學習標準的朋友，99%都不是為了進W3C，不是為了成為專業的研究人員，那麼大家來的目的又是什麼呢？很簡單，其實都是想透過標準的學習讓自己多增加一項技能而已，讓自己在找工作的時候不會在被「需要熟練web標準」而難倒，在下面的實例中xhtml並沒有什麼語意，文章的目的只是讓然大家能更好的掌握CSS中相對、絕對定位的用法(新手問此問題的確實很多)，及如何有效的結合背景，實現比較複雜的佈局。不足之處還望前輩們能指點一二,感謝！

-------------------------------------------- ------第一步----------------------------------------- --

先來隨便設計一個佈局複雜點的(佈局不規整)demo:


---------- ----------------------------------------第二步------- ------------------------------------
我們來進行程式碼的寫