CSS position property with the fixed value
When you set the element's position
to fixed
, it always stays in the same place in the browser window and doesn't move. By default, such an element sticks to the top-left corner of the page, but you can change its position with the top
, bottom
, left
, and right
properties. Common use cases of position: fixed;
include headers that stick to the top of the window or chatbots in the bottom-right corner.