layout/reftests/floats/1322843-1a.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: 100px;
  12     height: 100px;
  13     background: green;
  14   }
  15   #float2 {
  16     float: right;
  17     width: 100px;
  18     height: 100px;
  19     background: green;
  20   }
  21   #inner {
  22     width: 200px;
  23     height: 100px;
  24     clear: both;
  25     overflow: hidden; /* to establish block formatting context */
  26     background: green;
  27   }
  28 </style>
  29 <div id="outer">
  30   <div id="float1"></div>
  31   <div id="float2"></div>
  32   <div id="inner"></div>
  33 </div>