codestacker

• code skin Active 4D All Hallow Eve Amy Blackboard Brilliance Black Brilliance Dull Cobalt Dawn Eiffel Espresso Libre Idle Iplastic Lazy Mac Classic Magic Amiga Pastels on Dark Slush Poppies Space Cadet Sunburst Twilight Zenburnesque
• about
• discover codes
• sign up
• anonymous post
• tagcloud

codestacker is a community to share snippets easily!

you are in: codestacker → codes [RSS] → css clearfix

css clearfix

Send this to a friend

Username
Email
Friend's email
Description Hello, your friend is suggesting this link: http://www.codestacker.com/codes/108

“The problem happens when a floated element is within a container box, that element does not automatically force the container’s height adjust to the floated element. When an element is floated, its parent no longer contains it because the float is removed from the flow”

http://www.webtoolkit.info/css-clearfix.html

show/hide lines

   1  .clearfix:after {
   2      content: ".";
   3      display: block;
   4      clear: both;
   5      visibility: hidden;
   6      line-height: 0;
   7      height: 0;
   8  }
   9  
  10  .clearfix {
  11      display: inline-block;
  12  }
  13  
  14  html[xmlns] .clearfix {
  15      display: block;
  16  }
  17  
  18  * html .clearfix {
  19      height: 1%;
  20  }

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

created by leozera — 18 November 2008 — get a short url — tags: css — embed

see embed tips or paste in your blog:

Comments

Username
Email

We dont send spam :)

Code
Highlight?

If checked, it's highlights your comment

Image Verification

Are you a human? Type the code from the image