Top "Clearfix" questions

A clearfix is a way for an element to automatically clear after itself, so that you don't need to add additional markup.

Clearfix with absolute positioned elements

My problem is the following: The border does not wrap the containing items. I know this is because I position …

html css positioning clearfix
Sass / SCSS Mixin for Clearfix - best approach?

I want to remove the clearfix class from my HTML and include a clearfix mixin in my SCSS (Rails 3.1 application). …

ruby-on-rails-3.1 sass mixins clearfix
"Best clearfix ever?"

I saw this rather different method for clearfix here: http://www.marcwatts.com.au/blog/best-clearfix-ever/ It proposes adding the …

css clearfix
CSS clearfix not working

This (http://jsfiddle.net/77RRA/1/) is working, while this (http://jsfiddle.net/77RRA/) is not. Isn't clearfix supposed to substitute …

css clearfix
960 grid's clearfix vs HTML5 Boilerplate's clearfix - What's the difference?

960 grid's clearfix vs HTML5 Boilerplate's clearfix - What's the difference? Here's the clearfix found in Nathan Smith's 960 grid's css: /* http://…

css grid boilerplate 960.gs clearfix
ClearFix vs Overflow

Its the standard float issue. You have a bunch of floating elements inside a parent container div. Since the childs …

css clearfix
Is there a way to use the clearfix hack alongside flexbox?

I've been using flexbox for layouts, with CSS floats as a fallback for older browsers. On the whole this works …

css css-float flexbox clearfix
Is clearfix deprecated?

You are aware of the age-old problem: Containers containing floated elements don't automatically expand their height to enclose their children. …

html css clearfix