absolute-replaced-height-007.xht (1912B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Absolutely positioned inline-block replaced elements with percentage based intrinsic height that cannot be resolved</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" /> 7 <link rel="match" href="absolute-replaced-height-007-ref.xht" /> 8 9 <meta name="assert" content="An absolutely positioned inline-block replaced element with a percentage height that cannot be resolved has no intrinsic height." /> 10 <style type="text/css"> 11 #div1 12 { 13 position: relative; 14 } 15 div div 16 { 17 border: solid green; 18 position: absolute; 19 width: 300px; 20 } 21 iframe 22 { 23 border: solid red; 24 position: absolute; 25 width: auto; 26 } 27 28 /* 29 " 30 (...) 31 the height of the containing block of an absolutely positioned 32 element is independent of the size of the element itself, and thus 33 a percentage height on such an element *_can always be resolved_*. 34 However, it may be that the height is not known until elements 35 that come later in the document have been processed. " 36 http://www.w3.org/TR/CSS21/visudet.html#the-height-property 37 " 38 */ 39 </style> 40 </head> 41 <body> 42 <p>Test passes if there is <strong>no red</strong>.</p> 43 <div id="div1"> 44 <iframe height="50%"></iframe> 45 <div></div> 46 </div> 47 </body> 48 </html>