layout/reftests/floats/1236745-1-ref.html

   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>