flexbox_absolute-atomic.html (558B)
1 <!DOCTYPE html> 2 <title>flexbox | abspos atomic flexitems</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#abspos-items"> 5 <link rel="match" href="flexbox_absolute-atomic-ref.html"> 6 <style> 7 body {margin: 0;} 8 body>div { 9 background: #ffcc00; 10 11 display: flex; 12 justify-content: space-around; 13 } 14 div div { 15 background: #3366cc; 16 margin: 20px; 17 } 18 #abs { 19 position: absolute; 20 top: -1000px; 21 } 22 </style> 23 24 <div> 25 <div>filler</div> 26 <div id="abs">filler</div> 27 <div>filler</div> 28 </div>