LayoutTests/fast/css/max-width-none.html - WebKit - Git at Google

 <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>
	<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>