blob: c7d53306db537a4ad32d08c6ace4c909c4169aec [file] [log] [blame]
<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>