| <html> |
| <script> |
| if (window.testRunner) |
| window.testRunner.dumpAsText(); |
| |
| function doTest() { |
| var box1 = document.getElementById('box1'); |
| var box2 = document.getElementById('box2'); |
| if (box1.clientWidth == box2.clientWidth) |
| document.body.innerHTML += 'PASS'; |
| else |
| document.body.innerHTML += 'FAIL'; |
| } |
| </script> |
| <body onload="doTest()"> |
| <p> |
| 'max-width: none' should have no effect because it is the initial state. The test succeeds if the following two blocks are rendered in the same way. |
| </p> |
| |
| <div style="width:400px; border: 3px solid red"> |
| <div id="box1" style="width:800px; max-width:none; height:30px; border: 3px solid green"> |
| </div> |
| </div> |
| |
| <div style="width:400px; border: 3px solid red"> |
| <div id="box2" style="width:800px; height:30px; border: 3px solid green"> |
| </div> |
| </div> |
| |
| </body> |
| </html> |
