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-fixed-1-ref.htm" rel="match">
7 <meta content="" name="flags">
8 <style type="text/css">
9 table { table-layout: fixed; width: 500px; border-spacing: 0 }
10 </style>
11 </head>
12 <body>
13 <table border="">
14 <tbody><tr>
15 <td style="width: calc(500px)">x</td>
16 <td style="width: 100px">y</td>
17 </tr></tbody></table>
18 <table border="">
19 <tbody><tr>
20 <td style="width: calc(50%)">x</td>
21 <td style="width: 100px">y</td>
22 </tr></tbody></table>
23 <table border="">
24 <tbody><tr>
25 <td style="width: calc(2 * 10% + 0.5 * 500px)">x</td>
26 <td style="width: 100px">y</td>
27 </tr></tbody></table>
28
29
30 </body></html>