Question

What does overflow:hidden do besides hiding a scroll? I fixed one issue just by an accident adding overflow:hidden. I thought it just makes scroll invisible. What else does it do? I couldn’t find any good explanation.

Answer 1

An overflow property not set to visible creates a new block formatting context:

Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, and block boxes with ‘overflow’ other than ‘visible’ (except when that value has been propagated to the viewport) establish new block formatting contexts for their contents.