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

arronmattwills

Well-known member
Registered
Joined
Dec 23, 2013
Messages
191
Points
18
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

Global Mod
Staff Member
Joined
Jul 1, 2012
Messages
82
Points
18
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

New member
Registered
Joined
Feb 24, 2014
Messages
12
Points
0
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

Member
Registered
Joined
Mar 28, 2014
Messages
28
Points
0
i also love to use this code below to clear all floated div inside the elements.

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

GarryKerr

Member
Registered
Joined
Apr 11, 2014
Messages
32
Points
6
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;
}
}
 
Older Threads
Replies
10
Views
4,341
Replies
5
Views
3,393
Replies
3
Views
3,139
Replies
4
Views
3,374
Replies
2
Views
2,301
Latest Threads
Replies
1
Views
40
Replies
0
Views
35
Replies
0
Views
55
Recommended Threads
Replies
3
Views
3,588
Replies
1
Views
2,640
Replies
0
Views
1,226

Latest Hosting OffersNew Reviews

Sponsors

Tag Cloud

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top