third_party/WebKit/LayoutTests/css3/flexbox/negative-flex-rounding-assert.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 .math {
   5     display: inline-flex;
   6 }
   7 .math > * {
   8     padding-bottom: 0.35em;
   9 }
  10 .mfrac {
  11     display: inline-flex;
  12     flex-direction: column;
  13 }
  14 .mfrac > :first-child {
  15     -webkit-margin-after: 0.2em;
  16 }
  17 .mfrac > :last-child {
  18     -webkit-margin-before: 0.2em;
  19 }
  20 .x {
  21     line-height: 9px;
  22 }
  23 .y {
  24     line-height: 12px;
  25 }
  26 </style>
  27 <script>
  28 if (window.testRunner)
  29     testRunner.dumpAsText();
  30 </script>
  31 <p>This test passes if it does not crash.</p>
  32 <div class=math>
  33     <div class=mfrac>
  34         <div class=mfrac>
  35             <div class=x>x</div>
  36             <div class=y>y</div>
  37         </div>
  38         <div class=mfrac>
  39             <div class=mfrac>
  40                 <div class=x>x</div>
  41                 <div class=y>y</div>
  42             </div>
  43             <div class=x>z</div>
  44         </div>
  45     </div>
  46 </div>
  47 </html>