abs-pos-child-sizing.html (1022B)
1 <!DOCTYPE HTML> 2 <html><head> 3 <meta charset="utf-8"> 4 <title>Testcase for bug 971653</title> 5 <style type="text/css"> 6 html,body { 7 color:black; background-color:white; font-size:16px; padding:0; margin:0; 8 } 9 10 div { 11 position: absolute; 12 background: rgba(0,255,0,0.5); 13 top:0; bottom:0; 14 left:0; right:0; 15 z-index: 0; 16 } 17 c { 18 display: block; 19 background: blue; 20 height:100%; 21 } 22 23 legend { height: 24px; } 24 25 fieldset { 26 position: absolute; 27 border: 2px green solid; 28 width: 100px; 29 height: 100px; 30 margin-bottom:40px; 31 } 32 33 #t1,#t3 { padding: 3px 5px 7px 11px; } 34 #t2,#t4 { padding: 0; } 35 36 #t2 { top: 120px; } 37 #t3 { top: 240px; } 38 #t4 { top: 360px; } 39 </style> 40 </head> 41 <body> 42 43 44 <fieldset id="t1"> 45 <legend>legend</legend> 46 <div></div><c></c> 47 </fieldset> 48 49 <fieldset id="t2"> 50 <legend>legend</legend> 51 <div></div> 52 </fieldset> 53 54 <fieldset id="t3"> 55 <div></div><c></c> 56 </fieldset> 57 58 <fieldset id="t4"> 59 <div></div> 60 </fieldset> 61 62 63 </body> 64 </html>