overflow-005.xht (1559B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Overflow set to 'inherit'</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> 8 <meta name="flags" content="interact" /> 9 <meta name="assert" content="The 'overflow' property set to 'inherit' properly inherits its value from its parent element." /> 10 <style type="text/css"> 11 body 12 { 13 overflow: scroll; 14 } 15 #div1 16 { 17 height: 1in; 18 overflow: inherit; 19 width: 1in; 20 } 21 div div 22 { 23 height: 2in; 24 position: relative; 25 width: 2in; 26 } 27 div div div 28 { 29 background: green; 30 bottom: 0; 31 height: 20px; 32 position: absolute; 33 right: 0; 34 width: 20px; 35 } 36 </style> 37 </head> 38 <body> 39 <p>Test passes if the box below can be scrolled to the green square in the bottom-right corner.</p> 40 <div id="div1"> 41 <div> 42 <div></div> 43 </div> 44 </div> 45 </body> 46 </html>