| <html> |
| <head> |
| <style> |
| table { background-color: lightblue; height: 100px; } |
| td { width: 100px; height: 50px; } |
| div#target { height: 25px; width: 50px; background-color: lightgreen; } |
| </style> |
| </head> |
| <body> |
| <table> |
| <tr> |
| <td> |
| <div id="target"></div> |
| <div id="dummy"></div> |
| </td> |
| </tr> |
| </table> |
| </body> |
| </html> |
| <!-- crbug.com/690087: We do this to force a two-pass layout so that we get the same height on the table as the reference. --> |
| <script> |
| document.body.offsetTop; |
| document.getElementById("dummy").style.display = "none"; |
| </script> |