third_party/WebKit/LayoutTests/fast/css/handling-calc-on-table-as-auto.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../resources/check-layout.js"></script>
   5 </head>
   6 <body onload="checkLayout('td, table', output);">
   7 <p>Test for handling calc() values on table elements as if they were Auto. Check crbug.com/350852 for details.</p>
   8 <div id="output"></div>
   9 <table cellpadding="0" cellspacing="0" data-expected-width="100" data-expected-height="100">
  10     <tr>
  11         <td colspan="5" style="width: calc(100% + 100px);" data-expected-width="100" data-expected-height="100">
  12             <div style="height: 100px; width: 100px"/>
  13         </td>
  14     </tr>
  15 </table>
  16
  17 <table cellpadding="0" cellspacing="0" style="table-layout:fixed;" data-expected-width="100" data-expected-height="100">
  18     <tr>
  19         <td colspan="5" style="width: calc(100% + 100px);" data-expected-width="100" data-expected-height="100">
  20             <div style="height: 100px; width: 100px"/>
  21         </td>
  22     </tr>
  23 </table>
  24 </body>
  25 </html>