Question 1 of 10
What does overflow: visible allow?
Focus on the overflow behavior named in the question.
Visible overflow is not clipped merely because content extends beyond the box.
Quiz
Test your knowledge: CSS Overflow, Scrolling, and Clipping
A short assessment covering clipping, scrollable overflow, overflow axes, ownership boundaries, and practical debugging.
10 questions
~4 min
Intermediate
Knowledge check
Test your knowledge: CSS Overflow, Scrolling, and Clipping
A short assessment covering clipping, scrollable overflow, overflow axes, ownership boundaries, and practical debugging.
- Stuck? Each question has an optional hint.
- Skip a hard question and review it before your results.
- Questions and answer options can shuffle between attempts.
You can retake this quiz whenever you like.
0:00
What is the primary effect of overflow: hidden?
Focus on the overflow behavior named in the question.
Hidden clips overflow rather than leaving it visibly outside the box.
Question 3 of 10
Why can overflow: auto create a useful scrolling box?
Focus on the overflow behavior named in the question.
Auto allows a scrolling mechanism when the content exceeds the available overflow area.
Question 4 of 10
Which pair uses logical overflow axes?
Focus on the overflow behavior named in the question.
The logical properties follow inline and block axes rather than fixed physical axes.
Question 5 of 10
What is the key intent of overflow: clip?
Focus on the overflow behavior named in the question.
Clip is specifically for clipping overflow without providing the normal scrolling behavior.
Question 6 of 10
What does overflow-clip-margin affect?
Focus on the overflow behavior named in the question.
It extends the area to which clipping applies.
Question 7 of 10
Which question belongs primarily to CSS Sizing rather than Overflow?
Focus on the overflow behavior named in the question.
Sizing determines dimensions; Overflow determines handling of content that exceeds those dimensions.
Question 8 of 10
Which concern remains with text layout rather than Overflow?
Focus on the overflow behavior named in the question.
Text wrapping is a text-layout behavior; Overflow handles excess content after layout.
Question 9 of 10
A positioned child extends beyond its containing box. Which owner establishes its placement?
Focus on the overflow behavior named in the question.
Positioned Layout establishes placement; Overflow handles any resulting excess content.
Question 10 of 10
Where should CSS Scroll Snap be taught?
Focus on the overflow behavior named in the question.
Scroll Snap has its own W3C module and should not be absorbed into the general Overflow lesson.
Quiz results
0/0
Review
-
What does overflow: visible allow?Hint used
-
What is the primary effect of overflow: hidden?Hint used
-
Why can overflow: auto create a useful scrolling box?Hint used
-
Which pair uses logical overflow axes?Hint used
-
What is the key intent of overflow: clip?Hint used
-
What does overflow-clip-margin affect?Hint used
-
Which question belongs primarily to CSS Sizing rather than Overflow?Hint used
-
Which concern remains with text layout rather than Overflow?Hint used
-
A positioned child extends beyond its containing box. Which owner establishes its placement?Hint used
-
Where should CSS Scroll Snap be taught?Hint used