Trusted answers to developer questions
Trusted Answers to Developer Questions

Related Tags

overflow
css
html
property

What is the overflow property in CSS?

Educative Answers Team

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

​The CSS overflow property specifies what should happen if the content inside a container cannot fit completely​ inside it. It can take four different values:

  1. Visible: Displays the overflowing content without any modifications – this is the default value of the overflow property.

  2. Hidden: Hides the overflowing content.

  3. Scroll: Adds vertical and horizontal scroll bars to see the overflowing (hidden) content. On some web browsers, a disabled scroll bar will be displayed if the content does not overflow.

  4. Auto: Adds scroll bars, but only if the content overflows.

svg viewer

RELATED TAGS

overflow
css
html
property
Copyright ©2022 Educative, Inc. All rights reserved

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

Keep Exploring