css position guide

Question

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/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?

Answer 1

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.