What is the use of overflow in CSS?

Answer 1

Overflow is used to control what shows and doesn't show when the child element is larger than its parent. For example, let's say we have an image that is 200px by 200px but the container is 100px by 100px, We can use the attribute overflow: hidden to hide the content that supersedes the size of the container, hiding only what flows outside the container, while keeping the inside intact.