Welcome to CODEBOX! (Copy 1702)

✨ Jabont

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:#eee;
        margin:1em;
        font-family:sans-serif;
      }
      .el{
        display:inline-block;
        background:#f008;
        height:300px;
        width:100%;
        padding:10px;
        box-sizing:border-box;
        border:3px solid #f008;
        top:-20px;
        position:relative;
/*         z-index:100; */
      }
      .el2{
        display:inline-block;
        background:#0f08;
        height:100px;
        width:20%;
        padding:10px;
        box-sizing:border-box;
        border:3px solid #0f08;
        top:0;
        right:0;
        position:absolute;
/*         z-index:200; */
      }
      .btn{
        position:relative;
      }
      .bpbr{
        position:fixed;
        background:#00f8;
        height:200px;
        width:50%;
        right:0;
        left:0;
        bottom:0;
        top:0;
        z-index:1000;
      }
    </style>
  </head>
  <body>
    <div class="bpbr">
      <div class="el2">
        Menu
      </div>
    </div>
    
    <div class="el">Relative 1
    </div>
    <div class="el">Relative 2
    </div>
    <div class="el">Relative 3
    </div>
    <div class="el">Relative 4
    </div>
    
  </body>
</html>