Playground getting reorganized, comments please

Forum 2005-2010 (read only) General News
82

This is an object of some curiosity

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

  • html .clearfix {
    height : 1%;
    }
    .clearfix {
    display : block;
    }

.clearfix mode is both inline and block ... which one is it supposed to be? the rendering engine will pick the last one in the sheet so if it was supposed to be inline, then its not.

These two rules are a css contradiction

display : block;
visibility : hidden;