Блог

Я работаю над этим кодом и немного зациклился на расположении элементов. По сути, у меня есть div внутренний h2 . Как бы то ни было, при нажатии внешняя div панель сдвигается вправо, принося h2 с собой. Однако я бы хотел h2 , чтобы он оставался на своем первоначальном месте. Я бы так подумал position: absolute или fixed сделал бы это, но он все равно перемещается вместе со своим родительским контейнером.

Есть ли способ отделить дочерний элемент от родительского контейнера для позиционирования, или мне нужно переосмыслить HTML?

 h2 {
  position: absolute;
  left: 1em;
} 

 <div id="red" class="background-block">
  <h2>
    <!-- this content is provided by jQuery -->
  </h2>
</div> 

Попробуйте установить родительский элемент в position: relative; , а дочерний элемент в position: fixed; или [ position: absolute; с другим расположением top: 50px; left: 0; ]. Попробуйте, если это сработает.