extra-height-given-to-all-row-groups-005.html (1006B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="author" title="David Grogan" href="dgrogan@chromium.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-tables-3/#height-distribution-algorithm"> 5 <link rel="match" href="../../reference/ref-filled-green-100px-square.xht"> 6 <link rel="bookmark" href="https://bugs.chromium.org/p/chromium/issues/detail?id=708345" /> 7 <meta name="assert" content="height of rows in tfoot are increased to match table height" /> 8 <title> 9 all row groups receive extra height distribution 10 </title> 11 12 <style> 13 table { 14 background: green; 15 border-collapse:collapse; 16 } 17 18 td { 19 padding:0px; 20 } 21 22 #redSquare { 23 height: 100px; 24 width: 100px; 25 background-color: red; 26 position: absolute; 27 z-index: -1; 28 } 29 </style> 30 31 <p>Test passes if there is a filled green square and <strong>no red</strong>. 32 </p> 33 <div id="redSquare"></div> 34 <table style="height:100px"> 35 <tfoot> 36 <tr> 37 <td><div style="display:inline-block; width:100px;"> 38 </div></td> 39 </tr> 40 </tfoot> 41 </table>