Comment by skgough

17 days ago

this is most likely due to the absolute positioning. position: absolute will use the top-left corner of the closest ancestor that is "positioned" as the origin for it's layout [1]. If you want that origin to be the top-left corner of the viewport, use position: fixed.

[1] https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_...

2 comments

skgough

Reply
Lvl999Noob  17 days ago

In addition to `position: fixed`, shouldn't it be top, left, height, width, instead of top, left, bottom, right? In the second case, it would follow the top and left instructions then take the necessary amount of space, ignoring right and bottom?

  • nicoburns  17 days ago

    For absolutely positioned elements, if you set all four sides then the height and width will be automatically computed.