English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
face 규칙
overflow된 내용을 처리하는 방법
요소의 내용이 프레임보다 크면 됩니다. 예를 들어, 주어진 width와 height 속성이 요소의 내용을 견디기에 충분하지 않습니다.CSS overflow 속성은 내용이 프레임보다 크면 어떻게 처리될지 정의할 수 있도록 합니다.블록형
요소의 overflow된 내용.3다음과 같은 값을 가질 수 있습니다: visible (기본), hidden, scroll, and auto. CSSoverflow-x와overflow-y속성을 사용하여 수직과 수평 잘리기를 독립적으로 제어할 수 있도록 합니다.
div { width: 250px; height: 150px; overflow: scroll; }테스트를 보고‹/›
값 | 설명 |
---|---|
visible | 기본 값. 콘텐츠는 잘리지 않으며, 요소 프레임 외부에 렌더링되어 다른 콘텐츠와 겹칠 수 있습니다. |
hidden | overflow된 요소 프레임의 내용은 잘려지며, 나머지 내용은 보이지 않습니다. |
scroll | overflow된 콘텐츠는 숨겨진 것처럼 잘려지지만, overflow된 콘텐츠에 접근할 수 있는 스크롤 기제를 제공합니다. |
auto | 콘텐츠가 요소의 프레임을 벗어나면, 나머지 콘텐츠를 볼 수 있는 스크롤을 자동으로 제공하며, 그렇지 않으면 스크롤이 나타나지 않습니다. |