In CSS, all elements are surrounded by “boxes” one by one. Box composition: content content, padding inner fill, border border, margin margin

The solution can be in the following way, or in the BFC way

The solution can be in the following way, or in the BFC way

The two most commonly used “boxes” – block boxes and inline boxes

The adaptive box model refers to how the relevant components of the box model are treated when the box does not set the width

Standard box model and weird box model

box-sizing property