CSS Clearfix for All Browsers

Add Tool

Classic CSS Clearfix for All Browsers


Classic CSS Clearfix for All Browsers

This CSS Clearfix code has been around the Web for years circulating amongst savvy web developers. You should apply this class onto a container which holds floating elements. This will ensure any content which comes afterwards will not float but instead be pushed down and cleared

Classic CSS Clearfix CSS Code

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

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

Use of Clearfix CSS

<div class="content clearfix">Your content will goes here</div>

Tags: css clearfix class, css clearfix bootstrap, css and clearfix, css clearfix for all browsers, css reset and clearfix, css clearfix both
Payza

About Masum Billah

Classic CSS Clearfix for All Browsers 1stWebSuite website seo tool is a free website ranking tool site provides a lot of on page and off page seo useful tools for you. On this site, we have a large number of website ranking tools


SIGN UP TO GET UPDATE TO YOUR INBOX




Discuss about: CSS Clearfix for All Browsers


adf.ly