| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| </head> | |
| <body> | |
| <style> | |
| table { | |
| border-collapse: collapse; | |
| border: 25px solid green; | |
| border-top: 10px solid cyan; | |
| position: absolute; | |
| box-sizing: border-box; | |
| outline: 5px solid blue; | |
| } | |
| div { | |
| background-color: yellow; | |
| height: 50px; | |
| width: 50px; | |
| } | |
| </style> | |
| <script src="../../resources/check-layout.js"></script> | |
| <script> | |
| window.onload = function () { | |
| checkLayout(".table"); | |
| } | |
| </script> | |
| <table class="table" data-expected-height="87px"> | |
| <tbody> | |
| <tr> | |
| <td> | |
| <div></div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table style="top: 200px;" class="table" data-expected-height="87px"> | |
| <tbody> | |
| <tr> | |
| <td> | |
| <div></div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table style="bottom: 100px;" class="table" data-expected-height="87px"> | |
| <tbody> | |
| <tr> | |
| <td> | |
| <div></div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </body> | |
| </html> |