/    Sign up×
Community /Pin to ProfileBookmark

what does clearfix, do? and how does it work?

to post a comment
CSS

1 Comments(s)

Copy linkTweet thisAlerts:
@felgallApr 06.2006 — it does whatever you define it to do. If you don't define it then it does nothing as there is no predefined functionality with that name. If you use the following code to define a class called clearfix then add it to any floated tags it will ensure that the following tag goes under the current content as if you had placed an empty div in the end of it with a style of clear:both.

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

* html .clearfix {height: 1%;}
×

Success!

Help @solidariti spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...