float-with-absolutely-positioned-child-with-static-inset-ref.html (705B)
1 <!DOCTYPE html> 2 <link rel="author" title="Martin Robinson" href="mrobinson@igalia.com"> 3 <link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position"> 4 <meta name="assert" content="An absolutely positioned child of a float with a static inset should be positioned the same as a non-positioned child of that float." /> 5 6 <style> 7 #float { 8 float: right; 9 width: 250px; 10 } 11 12 #abs-child { 13 background: green; 14 width: 100px; 15 height: 100px; 16 } 17 18 #abs-grandchild { 19 background: darkgreen; 20 width: 50px; 21 height: 50px; 22 } 23 </style> 24 25 <body> 26 <div id="float"> 27 <div id="abs-child"> 28 <div id="abs-grandchild"></div> 29 </div> 30 </div> 31 </body> 32 </html>