| <!DOCTYPE html><!-- webkit-test-runner [ LayoutFormattingContextEnabled=true LayoutFormattingContextIntegrationEnabled=false ] --> |
| <style> |
| td { |
| height: 10px; |
| background-color: blue; |
| padding: 0px; |
| } |
| |
| table { |
| border-spacing: 0px; |
| } |
| |
| body { |
| background-color: white; |
| } |
| |
| td:nth-child(odd) { |
| background-color: green; |
| } |
| </style> |
| <div style="width: 500px;"> |
| <table> |
| <tr><td style="width: 10px;"></td><td style="width: 10%;"></td></tr> |
| <tr><td style="width: 10%;"></td><td style="width: 10px;"></td></tr> |
| </table> |
| <table> |
| <tr><td style="width: 100px;"></td><td style="width: 100%;"></td></tr> |
| <tr><td style="width: 100%;"></td><td style="width: 100px;"></td></tr> |
| </table> |
| <table> |
| <tr><td style="width: 80px;"></td><td style="width: 200px;"></td></tr> |
| <tr><td style="width: 10%;"></td><td style="width: 80%;"></td></tr> |
| </table> |
| <table> |
| <tr><td style="width: 80px;"></td><td style="width: 10%;"></td></tr> |
| <tr><td style="width: 100%;"></td><td style="width: 200px;"></td></tr> |
| </table> |
| <table> |
| <tr><td style="width: 1000px;"></td><td style="width: 1000%;"></td></tr> |
| <tr><td style="width: 1%;"></td><td style="width: 1px;"></td></tr> |
| </table> |
| <table> |
| <tr><td style="width: 250px;"></td><td style="width: 50%;"></td></tr> |
| <tr><td style="width: 500px;"></td><td style="width: 0%;"></td></tr> |
| </table> |
| <table> |
| <tr><td style="width: 100px;"></td><td style="width: 10%;"></td></tr> |
| <tr><td style="width: 200px;"></td><td style="width: 20%;"></td></tr> |
| <tr><td style="width: 300px;"></td><td style="width: 30%;"></td></tr> |
| </table> |
| <table> |
| <tr><td style="width: 100px;"></td><td style="width: 10%;"></td></tr> |
| <tr><td style="width: 200%;"></td><td style="width: 200px;"></td></tr> |
| <tr><td style="width: 300px;"></td><td style="width: 30%;"></td></tr> |
| </table> |
| </div> |
