Как правильно задать fixed?

Question

[Артур Левенсон]

Подскажите пожалуйста, как правильно задать fixed для блока banner, чтобы он во время скрола был прикреплён к своему текущему месту. сейчас во время скролла он смещается в центр экрана.

https://codepen.io/kiskiskit/pen/NWdpWNm

Comments

[Максим]

абсолютное позиционирование вам нужно

[Артур Левенсон]

Максим Ленский, какому блоку задавать абсолютное позиционирование?

[Максим]

Артур Левенсон, родителю relative а тому которое должно быть закреплено absolute

[Артур Левенсон]

Максим Ленский, не помогло

[aloky]

Вообще верстка неправильная

[Максим]

Артур Левенсон, вы что то не так делаете

Answer 1

[aloky]

.header {
  width: 900px;
  height: 200px;
  background: #ccc;
  margin: 0 auto;
}
.content {
  display: flex;
  position: relative;
  margin-top: 30px;
}
.content > p {
  width: 600px;
  margin-left: 260px;
}
.banner {
  background: red;
  width: 100px;
  height: 100px;
  position: absolute;
  right: 270px;
}