layout/reftests/floats/1322843-1d.html

   1 <!DOCTYPE html>
   2 <title>Bug 1322843 - Intrinsic width with float</title>
   3 <style>
   4   #outer {
   5     width: -moz-fit-content;
   6     width: fit-content;
   7     background: red;
   8   }
   9   #float1 {
  10     float: left;
  11     width: 200px;
  12     height: 100px;
  13     background: green;
  14   }
  15   #float2 {
  16     float: right;
  17     clear: both;
  18     width: 100px;
  19     height: 0px;
  20   }
  21   #float3 {
  22     float: left;
  23     clear: both;
  24     width: 100px;
  25     height: 100px;
  26     background: green;
  27   }
  28   #inner {
  29     clear: right;
  30     overflow: hidden; /* to establish block formatting context */
  31     width: 100px;
  32     height: 100px;
  33     background: green;
  34   }
  35 </style>
  36 <div id="outer">
  37   <div id="float1"></div>
  38   <div id="float2"></div>
  39   <div id="float3"></div>
  40   <div id="inner"></div>
  41 </div>