Fixed position relative to parent element [duplicate]

Answer 1

The best way to achieve this is to give parent element a transform css. eg:

.relative{
  transform: translateX(0); // this will act like relative parent 
}
.fixed{
  position: fixed;
  left:0;
  top:0;
  width:100%; // width will be relative to the width of .relative
}