[tigerlabs]

Would someone explain in as simple terms as they can what

clear

does in css?


Thanks a lot.


EDIT: I've had a look at W3 Schools but I just don't get it..... Hoping someone here can explain it better?

[Dizi]

clear helps to clear floats, is that simple enough terminology

J/k
http://www.w3.org/TR...ml#flow-control

That should explain it for you

[Dizi]

ohh ok then I guess i need to try and explain it now....errr 2 seconds



EDIT:

Say you have a box that is floated on the left and then you have another box that you are also floating left, however you don't want these two boxes to be sitting next to each other, in the second boxes css you can say clear:left; which will mean that anything floating to the left that is before the second box (ie the first box) will sit above the second box rather than next to it.

So clear left clears floats to the left of the box in question,
clear right clears floats to the right of the box in question (if box one was floating on the right)
Clear both would clear both left and right floating boxes.


The best way to understand it would be to actually mess about with two floating boxes and see the effect that each has...like this for example:

#one {
width:100px;
height:100px;
float:left}

#two {
width:100px;
height:100px;
float:left;
clear:left;}

<div id="one"></div>
<div id="two"></div>

Hope that makes a bit of sense.

[tigerlabs]

Goodie! Thanks Dizi, sorry for being such an idiot.