| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 table { background-color: lightblue; height: 100px; } | 4 table { background-color: lightblue; height: 100px; } |
| 5 td { width: 100px; height: 50px; } | 5 td { width: 100px; height: 50px; } |
| 6 div#target { height: 25px; width: 50px; background-color: lightgreen; } | 6 div#target { height: 25px; width: 50px; background-color: lightgreen; } |
| 7 </style> | 7 </style> |
| 8 </head> | 8 </head> |
| 9 <body> | 9 <body> |
| 10 <table> | 10 <table> |
| 11 <tr> | 11 <tr> |
| 12 <td> | 12 <td> |
| 13 <div id="target"></div> | 13 <div id="target"></div> |
| 14 <div id="dummy"></div> |
| 14 </td> | 15 </td> |
| 15 </tr> | 16 </tr> |
| 16 </table> | 17 </table> |
| 17 </body> | 18 </body> |
| 18 </html> | 19 </html> |
| 20 <!-- 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. --> |
| 21 <script> |
| 22 document.body.offsetTop; |
| 23 document.getElementById("dummy").style.display = "none"; |
| 24 </script> |
| OLD | NEW |