JSFiddle - React, Tailwind, and code Playground

by rikazavr

HTML

<div class="wrapper">

  <!-- Меню для графика 1 -->
  <div class="GRAPH_favorites">
    Меню
  </div>
  <!-- График 1 -->
  <div id="GRAPH1_container">
    график график график график 
    график график график график 
    график график график график 
    график график график график
    график график график график 
    график график график график 
    график график график график 
    график график график график
    график график график график 
    график график график график 
    график график график график
    график график график график 
    график график график график 
    график график график график
  </div>

</div>

<div class="wrapper">

  <!-- Меню для графика 1 -->
  <div class="GRAPH_favorites">
    Меню
  </div>
  <!-- График 1 -->
  <div id="GRAPH1_container">
    график график график график 
    график график график график 
    график график график график 
    график график график график
    график график график график 
    график график график график 
    график график график график 
    график график график график
    график график график график 
    график график график график 
    график график график график
    график график график график 
    график график график график 
    график график график график
  </div>

</div>

CSS

.wrapper {
  position: relative;
}

#GRAPH1_container
{
  display:inline-block;
  width: 100%;
  height: 200px;
  border: 1px solid black;
}


.GRAPH_favorites
{
  z-index:3;
  /* position: relative !important; */
  position: absolute;
  display:inline-block;
  width:80vw;
  top:30px;
  left: 0;
  height:30px;
  border: 1px solid navy;
  background: yellow;  
}