1236745-1-ref.html (517B)
1 <!DOCTYPE HTML> 2 <title>Reftest, bug 1236745</title> 3 <style> 4 5 div.contain { 6 border: medium solid blue; 7 width: 100px; 8 height: 200px; 9 } 10 11 .float1 { 12 float: left; 13 background: yellow; 14 width: 10px; 15 height: 60px; 16 } 17 18 .float2 { 19 float: left; clear: left; 20 background: aqua; 21 width: 50px; 22 height: 50px; 23 } 24 25 .bfc { 26 float: right; 27 background: #00137f; 28 width: 50px; 29 height: 50px; 30 } 31 32 </style> 33 34 35 <div class="contain"> 36 <div class="float1"></div> 37 <div class="bfc"></div> 38 <div class="float2"></div> 39 </div>