feture

Use CSS variable (position: fixed, static, relative, absolute;)

This is CSS sheet (position: fixed, static, relative, absolute;)

.div1{

    border: 2px solid green;

    width: 50%;

    position: static;  

}

.div2{

    border: 2px solid rgb(236, 13, 13);

    width: 50%;

    position: relative;

      left: 30px;

}

.nbs{

    border: 2px solid rgb(31, 11, 11);

    padding: 5px;

    position: fixed;

    left: 0;

    top: 0;

    background-color: green;

}

.div3{

    border: 2px solid blue;

    position: relative;

    width: 40%;

    height: 220px;

}

.div4{

   border: 2px solid firebrick;

   position: absolute;

   height: 80px;

   width: 150px;

   top: 120px;

   left: 200px;

}

This is HTML sheet

 <div class="nbs"><p>Navegazion Bir ds</p></div>

<div class="div1">

    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, impedit. Qui omnis, veritatis vitae quisquam commodi quos nam possimus cupiditate.</p>

</div><br>

<div class="div2">

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem aliquid possimus ducimus neque explicabo sequi odio eius commodi nihil quos magni incidunt facilis dolorem nemo modi corrupti, maiores accusantium consequuntur?</p>

</div><br>

<div class="div3">

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga, quas? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloremque, voluptatibus animi debitis quia sint dolorum!

    <div class="div4">

        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quod, nihil.

    </div>

</div>