CSS - Container Box (Containing)

Boxdim

CSS - Container Box (Containing)

About

A container is a box that contains other box

Position

Many box positions and sizes are calculated with respect to the edges of a rectangular box called a containing block. See also: Container block

In general, generated boxes act as containing blocks for descendant boxes; we say that a box “establishes” the containing block for its descendants. The phrase “a box's containing block” means “the containing block in which the box lives,” not the one it generates.

Each box is given a position with respect to its containing block, but it is not confined by this containing block; it may overflow.

Documentation / Reference





Discover More
CSS - Block Box Layout

CSS - Block Box Layout CSS Block are box that can be seen as stacked element (such as paragraphs, section, ...) Block boxes: * create a block formatting context (layout) * and are involved in any...
Boxdim
CSS - Box Size

Sizing of a box The width and the height of a box are dependent of the: layout and of the box sizing parameters The sizes are calculated with respect to the edges of a rectangular box called a containing...
CSS - Position Property

The position property specifies the positioning algorithms (positioning scheme) for elements. The position is calculated with respect to the edges of a rectangular box called the containing block. ...
CSS - The containing box

The containing box is a box that is used in the positioning of element on the page
Float Layout - Clearfix

A clearfix is a method used in float layouts to constrained the floated element to stay in its container. The first usage of float was to let float an image (left or right) in a text that contains...



Share this page:
Follow us:
Task Runner