Micro Clearfix IE8+

dabblet.css

/**
 * Micro Clearfix IE8+ 
 */
 
.bg {
  background: red;
}
.cf:after{
  content: "";
  display: table;
  clear: both;
}
.cf2 {
  overflow: auto;
}
.left {
  float: left;
  height: 100px;  
}
.right {
  float: right;
  height: 100px;
}

html {
  font-family: sans-serif;  
}

dabblet.html

<h2>After</h2>
<div class="bg cf">
 <div class="left"></div>
 <div class="right"></div>
</div>

<h2>Overflow</h2>
<div class="bg cf2">
 <div class="left"></div>
 <div class="right"></div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}