flex-item-position-relative-001-ref.html (662B)
1 <!DOCTYPE html> 2 <title>Flex items and `position: relative`</title> 3 <link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com"> 4 <link rel="help" href="https://drafts.csswg.org/css-position/#position-property"> 5 <meta name="assert" 6 content="Flex items can be positioned with `position: relative` and establish containing blocks for absolutely-positioned descendants." /> 7 8 <style> 9 body { 10 margin: 0; 11 } 12 </style> 13 14 <div style="position: absolute; background: green; width: 50px; height: 50px; left: 50px; top: 50px"></div> 15 16 <div style="position: absolute; background: green; width: 50px; height:50px; left: 100px; top: 100px"></div>