<!DOCTYPE html> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script src="/resources/check-layout-th.js"></script> <link rel="author" title="David Grogan" href="dgrogan@chromium.org"> <link rel="author" title="Xiaocheng Hu" href="xiaochengh@chromium.org"> <link rel="help" href="https://drafts.csswg.org/css-tables-3/#distributing-width-to-columns"> <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/94"> <style> table { width: 200px; border-collapse: collapse; table-layout: auto; height: 20px; } td { padding: 0px; background: lime; outline: 1px solid blue; } </style> <h2>Calc width on col is treated as auto in auto tables</h2> <table id=theTable> <col style="width:calc(20% + 80px)"> <tr> <td data-expected-width=100></td> <td data-expected-width=100></td> </tr> </table> <script> checkLayout('#theTable') </script>