잘리지 않은 넘처흐름(overflow) 예제의 긴 설명

이 도표는 내용(content)이 어떻게 박스(box) 넘처흐름(overflow) 할 수 있는가를 설명한다.

두 박스(box)들이 보인다.
첫번째는 적색 보더(border)를 가진 것이고, 다음은 라벨(label)된 DIV이다.

BLOCKQUOTE로 라벨된 두번째 박스의 위쪽 왼쪽 모서리는 DIV 박스의 중앙에 위치된다.
그 BLOCKQUOTE 박스는

검정 대쉬(-)점선(dashed) 보더(border)를 가지고
텍스트(text)
"I didn't like the play, but then again I saw it under adverse conditions - the curtain was up."와
클라스(class) "attributed-to"에 "- Groucho Marx"를 포함한다.

그 BLOCKQUOTE 박스는 DIV 박스를 오른쪽과 아래로 넘처흐름(overflow)을 한다.
BLOCKQUOTE의 넘처흐름('overflow') 특성이 'visible'이므로, 넘처흐른 텍스트는 여전히 보인다.