top right bottom left are only used with absolute position because every element in html is based in relation to another element. The server will render the doc from top to bottom - when use absolute position - you are overiding this. the element will be rendered based on the server window.
Use it when you need to overlay different HTMl elements Not recommended to use absolute in child components - better to use flex or other layout css.