| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <title>CSS3 Grid Layout: Reference File</title> |
| <link rel="author" title="swain" href="mailto:swainet@126.com"/> |
| <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com"/> <!-- 2013-09-22 --> |
| <style type="text/css"> |
| #container { |
| position:relative; |
| width:400px; |
| height:100px; |
| } |
| |
| .error { |
| position:absolute; |
| top:0; |
| left:0; |
| height:100%; |
| width:100%; |
| z-index:-1; |
| } |
| |
| #table { |
| width:100%; |
| height:100%; |
| border-collapse:collapse; |
| } |
| |
| #table td { |
| padding:0; |
| vertical-align:top; |
| } |
| |
| #table td:first-child { |
| width:100px; |
| } |
| |
| #table tr:first-child td { |
| height:30px; |
| } |
| </style> |
| </head> |
| <body> |
| <p>Test passes if there is a green square and no red.</p> |
| |
| <div id="container"> |
| <div class="error"> |
| <table id="table"> |
| <tbody> |
| <tr> |
| <td>cell1</td> |
| <td>cell2</td> |
| </tr> |
| <tr> |
| <td>cell3</td> |
| <td style="background-color:green">cell4</td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </body> |
| </html> |