<!DOCTYPE html>
<style>
  .container { width: 0; position: relative; }
  .test { white-space: nowrap; border: 2px solid green; }
  #float { float:left; }
  #inline-block { display: inline-block; }
  #absolute { position: absolute; }
  span { background: yellow; width: 16px; height: 16px; float: left }
</style>
<body>
  <script src="../../resources/check-layout.js"></script>
  <p> webkit.org/b/114879: Respect http://www.w3.org/TR/CSS21/visudet.html#Computing_widths_and_margins when calculating the min/max width of 
      non-replaced absolute, floating an inline-block containers - i.e. they should shrink-to-fit.
  <div class="container">
  <div id="float" class="test" data-expected-width=20><span></span><span></span></div>
  <div id="inline-block" class="test" data-expected-width=20><span></span><span></span></div>
  <div id="absolute" class="test" data-expected-width=20><span></span><span></span></div>
  </div>
  <script>
    checkLayout('body > div > div');
  </script>
</body>
