bfc-displace-4-ref.html (447B)
1 <!DOCTYPE HTML> 2 <title>Test of block formatting context displacement by floats</title> 3 <style> 4 5 .contain { 6 border: medium solid; 7 width: 400px; 8 height: 400px; 9 background: yellow; 10 } 11 12 .float { 13 float: left; 14 height: 20px; 15 background: blue; 16 } 17 18 .bfc { 19 float: left; 20 width: 200px; 21 height: 15px; 22 background: fuchsia; 23 } 24 25 </style> 26 27 28 <div class="contain"> 29 <div class="float" style="width: 200px"></div> 30 <div class="bfc"></div> 31 </div>