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

arronmattwills · Feb 22, 2014

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;
}

Matt · Feb 22, 2014

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.

Darby · Mar 13, 2014

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 · Mar 28, 2014

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

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

GarryKerr · Apr 15, 2014

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;
}
}

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

arronmattwills

Well-known member

Matt

Global Mod

arronmattwills

Well-known member

Darby

New member

ravemediaph_ronnie

Member

arronmattwills

Well-known member

GarryKerr

Member

arronmattwills

Well-known member

Latest posts New threads

Latest posts

New threads

Latest Hosting Offers New Reviews

Latest hosting offers

Popular Contributors - Past 30 Days

Sponsors

Tag Cloud