The basis of the CSS layout is the box model since it directs the way in which elements are shown and the way in which they associate with one another. Imagine every element on the page as a rectangular box.

Every box is made of particular dimensions and takes up a particular measure of space. The space the box occupies depends on the content in it, as well as the margins and the padding borders around the content.