Margin negative worth understanding

There are two types of guides in the margin attribute, the top and left guides belong to one class, and the guides for right and bottom belong to another category. Top and left are other elements for reference, and right and bottom are referenced by the elements themselves.

and the margin negative on the left causes the element to move up and to the left.

A negative margin below and to the right causes the element below and to the right of the element to be pulled toward the element.

The margin property can be applied to almost all elements except the table display type (excluding table-caption, table and inline-table) elements, and the vertical margin pairs non-displaced inline elements (non-replaced inline Element) does not work.

Box's actual size = Box's physical size + positive margin

Margin negative worth understanding