css position guide

In my work,I often use the css to make the page layout,however I found that I can not make it well beacuse of the css position.

I know the float/absolute开发者_StackOverflow社区/releative and etc.

But when I use them I often can not get what I wanted. Expecially when I use the nested layout,for example,using a absoluted position element within a float element and etc.

I have read the w3cschool tutorial,but I also can not exactly sure I understand it.

So I wonder if there is any detailed css guide? Or some common rules when I layout the element?

---

I was also always looking for a definitive guide to css, but never found it. I think the best way to learn how css works and really understand it, is to look things up in a good reference and read it very carefully. I think the Mozilla Developer Network is great, and they have a nice css reference.

Reading articles on websites like Smashing Magazine is also a good way to get your head around some of the more advanced or complicated concepts. Their article on floats has helped me in particular.

---

I find Sitepoint's reference to be fairly useful: http://reference.sitepoint.com/css. I also second @Basil's recommendations of MDN and Smashing Magazine. A List Apart, while not really a reference site per se, is also a good place to find tutorials or informative articles: http://www.alistapart.com/topics/topic/css/.