<!DOCTYPE html> <meta charset="utf-8"> <title>CSS Grid Layout Test: Grid positioned items background reference file</title> <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> <style> .grid { width: 500px; height: 300px; border: 5px solid black; margin: 30px; padding: 15px; } .container { position: relative; float: left; } .absolute { position: absolute; } .green { background-color: green; } </style> <p>The test passes if you see 4 green boxes and no red.</p> <div class="container"> <div class="grid"></div> <div class="absolute green" style="left: 55px; top: 50px; width: 100px; height: 50px"></div> <div class="absolute green" style="left: 290px; top: 50px; width: 50px; height: 20px"></div> <div class="absolute green" style="left: 50px; top: 115px; width: 50px; height: 30px"></div> <div class="absolute green" style="left: 175px; top: 135px; width: 145px; height: 75px"></div> </div>