nested-oofs-in-relative-multicol.html (733B)
1 <!DOCTYPE html> 2 <link rel="match" href="reference/nested-oofs-in-relative-multicol-ref.html"> 3 <link rel="help" href="https://www.w3.org/TR/css-multicol-1/#propdef-column-count"> 4 <link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> 5 <style> 6 .outer { 7 position: relative; 8 margin-left: 100px; 9 width: 400px; 10 height: 400px; 11 column-count: 2; 12 overflow: hidden; 13 background: yellow; 14 } 15 .cb { 16 position: absolute; 17 top: 0; 18 left: 0; 19 width: 400px; 20 height: 400px; 21 background: red; 22 } 23 .img { 24 position: absolute; 25 top: 0; 26 left: 0; 27 width: 400px; 28 height: 400px; 29 background: green; 30 } 31 </style> 32 <body> 33 <div class="outer"> 34 <div class="cb"> 35 <div class="img"></div> 36 </div> 37 </div> 38 </body>