I am not understanding what is clear:both;why do we use it?
it is used for floats.
if you float content you can float left or right... so in a common layout you might have a left nav, a content div and a footer.
to ensure the footer stays below both of these floats (if you have floated left and right) then you put the footer as clear: both.
This way it will stay below both floats.
(if you are only clearing left then you only really need to clear: left; )
go through this tutorial:
Thank you so much.... the given link helped alot.. :thumbsup: