third_party/WebKit/LayoutTests/fast/table/percent-widths-float.html

   1 <!DOCTYPE HTML>
   2 <style>
   3     table { border-collapse: collapse; width: 1000px;}
   4     #green { background-color: green; padding: 0; width: 1.5%;}
   5     #blue { background-color: blue; padding: 0; width: 0.5%;}
   6     #orange { background-color: orange; padding: 0; width: 10%; }
   7     div { height: 10px; }
   8 </style>
   9 <script src="../../resources/check-layout.js"></script>
  10 <table>
  11     <td id="green" data-expected-width=125><div></div></td>
  12     <td id="blue" data-expected-width=41><div></div></td>
  13     <td id="orange" data-expected-width=834><div></div></td>
  14 </table>
  15 <p> crbug.com/476370: Test cells get appropriate width when we use fractional percentage values. </p>
  16 <div id="console"></div>
  17 <script>
  18     checkLayout('td', document.getElementById('console'));
  19 </script>