auto-layout-calc-width-001.html (931B)
1 <!DOCTYPE html> 2 <script src="/resources/testharness.js"></script> 3 <script src="/resources/testharnessreport.js"></script> 4 <script src="/resources/check-layout-th.js"></script> 5 <link rel="author" title="David Grogan" href="dgrogan@chromium.org"> 6 <link rel="author" title="Xiaocheng Hu" href="xiaochengh@chromium.org"> 7 <link rel="help" href="https://drafts.csswg.org/css-tables-3/#distributing-width-to-columns"> 8 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/94"> 9 10 <style> 11 table { 12 width: 200px; 13 border-collapse: collapse; 14 table-layout: auto; 15 height: 20px; 16 } 17 18 td { 19 padding: 0px; 20 background: lime; 21 outline: 1px solid blue; 22 } 23 </style> 24 25 <h2>Calc width on col is treated as auto in auto tables</h2> 26 27 <table id=theTable> 28 <col style="width:calc(20% + 80px)"> 29 <tr> 30 <td data-expected-width=100></td> 31 <td data-expected-width=100></td> 32 </tr> 33 </table> 34 35 <script> 36 checkLayout('#theTable') 37 </script>