1 <!DOCTYPE html>
2 <html><head>
3 <title>CSS Test: width: calc() on table-layout: auto tables</title>
4 <link href="https://dbaron.org/" rel="author" title="L. David Baron">
5 <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help">
6 <link href="reference/calc-width-table-auto-1-ref.htm" rel="match">
7 <meta content="" name="flags">
8 </head><body><table border="">
9 <tbody><tr>
10 <td style="width: calc(500px)">x</td>
11 <td style="width: 100px">y</td>
12 </tr></tbody></table>
13 <table border="">
14 <tbody><tr>
15 <td style="width: calc(50%)">x</td>
16 <td style="width: 100px">y</td>
17 </tr></tbody></table>
18 <table border="">
19 <tbody><tr>
20 <td style="width: calc(2 * 10% + 0.5 * 500px)">x</td>
21 <td style="width: 100px">y</td>
22 </tr></tbody></table>
23
24
25 </body></html>