<!DOCTYPE HTML> <title>Reftest, bug 1236745</title> <style> div.contain { border: medium solid blue; width: 100px; height: 200px; } .float1 { float: left; background: yellow; width: 10px; height: 60px; } .float2 { float: left; clear: left; background: aqua; width: 50px; height: 50px; } .bfc { float: right; background: #00137f; width: 50px; height: 50px; } </style> <div class="contain"> <div class="float1"></div> <div class="bfc"></div> <div class="float2"></div> </div>