My code is consisted of a table inside a div

[SamA74]

@deotpit

I thought it’s a good practice to have elements reside in divs.

If there is a reason to put the element in a container you should, but it is not always a necessity to wrap your elements in a div.

@deotpit

Absolute, far as I understand, its’ measures relate to its’ ancestor which is the div. If position was “relative” then it would refer to the html page.

Relative can offset an element from its original position, but it retains its space in the flow where it originally was. Absolute removes an element from the flow, so it takes no space. If the parent of an absolute element is relative, the element’s position will be set within its parent. If the parent is not relative, it will be positioned in the document.
Use absolute positioning only when there is a good reason for it, which is quite rare.
For the most part you should not need to alter positioning for your elements, but leave them in the natural flow of the document.
I can’t think of a case for a table needing absolute positioning.

This may help you understand more about positioning in css:-

dCode_Understanding CSS Positioning

Go with the flow! One concept that will help with positioning elements in a responsive and responsible manner is to always place elements so that you do not disrupt the flow of the page. It may seem strange to talk about “flow” in terms of a web page but what we are referring to is the fact that content can flow from top to bottom easily and without restriction. Imagine if you have two paragraphs of text on the page and nothing else and no styling. If you resize the browser window the text fl…