grid-lanes-track-sizing-overflow-left-side.html (899B)
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <title>CSS Grid Test: Verify correct behavior of track-sizing</title> 7 <link rel="author" title="Brandon Stewart" href="mailto:brandonstewart@apple.com"> 8 <link rel="help" href="https://drafts.csswg.org/css-grid-3/#track-sizing"> 9 <link rel="match" href="grid-lanes-track-sizing-overflow-left-side-ref.html"> 10 </head> 11 12 <body> 13 <style> 14 grid { 15 display: grid-lanes; 16 grid-template-columns: auto 1fr; 17 width: 300px; 18 height: 100px; 19 } 20 21 box1 { 22 height: 50px; 23 width: 50px; 24 background-color: blue; 25 } 26 27 box2 { 28 height: 50px; 29 background-color: red; 30 } 31 32 box3 { 33 width: 100px; 34 height: 50px; 35 background-color: purple; 36 z-index: 1; 37 } 38 39 box4 { 40 height: 50px; 41 background-color: green; 42 } 43 </style> 44 45 <grid> 46 <box1>1</box1> 47 <box2>2</box2> 48 <box3>3</box3> 49 <box4>4</box4> 50 </grid> 51 52 </body> 53 </html>