multicol-span-all-010-ref.html (1341B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Multi-column Layout Test Reference: column-span:all does not create a spanner, inside an element establishing a containing block for fixed-position descendants</title> 5 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 6 <link rel="author" title="David Shin" href="mailto:dshin@mozilla.com"> 7 <link rel="author" title="Mozilla" href="http://www.mozilla.org/"> 8 9 <style> 10 article { 11 column-count: 3; 12 column-rule: 6px solid; 13 width: 500px; 14 border: 1px solid black; 15 margin-bottom: 3px; 16 } 17 h3 { 18 outline: 1px solid blue; 19 } 20 </style> 21 22 <body> 23 <article> 24 <div style="transform: scale(1)"> 25 <h3>non-spanner</h3> 26 </div> 27 </article> 28 <article> 29 <div style="filter: contrast(100%)"> 30 <h3>non-spanner</h3> 31 </div> 32 </article> 33 <article> 34 <div style="contain: paint"> 35 <h3>non-spanner</h3> 36 </div> 37 </article> 38 <article> 39 <div style="contain: layout"> 40 <h3>non-spanner</h3> 41 </div> 42 </article> 43 <article> 44 <div style="contain: content"> 45 <h3>non-spanner</h3> 46 </div> 47 </article> 48 <article> 49 <div style="contain: strict; width: 50px; height: 50px;"> 50 <h3>n</h3> 51 </div> 52 </article> 53 </body> 54 </html>