In CSS there is a feature called positioning and float. Half the battle of building a web page its getting your content where you want them.
Positioning properties have 4 types.
Static- which basically sits on your site doing nothing and follows the natural flow on the webpage.(rarely used)
Fixed- basically if you was to give a position using base on the basics which are{left,right,top,bottom}
it would always stay in that area of the page even if you scroll. For Example my Blogs Background is fixed it, as you scroll it stays with you.(mostly is for backgrounds and ads)
Relative- Based on where your content is placed, it going to move based off that currently to location to a new one. (Make this one your friend/ helps fix your content really well)
Absolute- Use this one if you have no other option. I say this because it will mess up your content placement if it is over used. But you have full control over where your placing your content. It can also overlap content or get lost under content.(Use like hint of lemon)
Float is a property unlike Positioning , it will throw everything to the side of the page. It's like one you tell your text to flesh left or right. Float is like that with content. (Highly recommend to float your site then position)
Clear property- this goes hand in hand with float. Sometimes when things are not going where you want them to go or two floats are clashing.It's because want to use one of the other id's(div,class) to clear it and it to none, so everything can fall in place.Example #box{clear:none;}
