Managing space on a modern web page works with four factors: the space reserved for each element, the elements’ positions within the page’s horizontal and vertical flow, their positions within the page layers, and whether the individual elements are currently displayed.
Today, through a subset of the Ajax technologies, elements can be positioned and layered through the use of absolute positioning. Each element has its own internal characteristics such as width, height, padding, and margin, all of which can be adjusted. Elements also have a clipping region, which determines how much of the element is displayed and how much is “clipped” (not shown and also not influencing the flow around it).
If an element’s
display is set to
block rather than
inline, the setting incorporates line breaks before and after the element, forcing elements that follow to be pushed down the page. An element can also be removed completely ...