how to say clear to float left and float right in website designing?

[arronmattwills]

Clear is the most useful css property in web design field.
It will be used in float conditions.
If you say one div has to move to left side and we have a sidebar on right side that sidebar has to move to right side with some width then the next design part should be cleared.

After saying float left and float right then we should take one more extra div apply a class called clear. The clear class syntax will be like this:

.clear {
Clear: both;
}

 

[yestyle]

Using Clear: both; is very useful in web design & development. I used this class more time in more web templates that I made. If I don't use Clear: both; some my web layouts may be broken.

 

[arronmattwills]

arronmattwills

Yes clear plays a vital role in designing especially when dealing with float left and float right.

 

[Darby]

I've used this category at more periods of time in more web layouts that I've developed. If I don't use Clear: both; some of my web layouts may be damaged.

 

[ravemediaph_ronnie]

i also love to use this code below to clear all floated div inside the elements.

#wrapper:after{
content: "";
display:block;
clear: left;
}

 

[arronmattwills]

arronmattwills

Your code is looking interesting, clear left, clear right and clear both are very important parts in designing.

 

[GarryKerr]

Hello
Yes clear plays important role in designing. I am a professional designer and make web designs using HTML and CSS. I use code to clear the div or to move left or right
#wrapper{
.main{
margin:...px;
clear: right;
}
}

 

[arronmattwills]

arronmattwills

Very nice and neat explanation, i really like your participation. And yes we can use clear left, clear right and clear both also. Mainly we will use clear both.