Overflow
엘리먼트의 크기가 초과된 경우, 어떻게 보여줄 지를 정한다. 다음과 같은 스타일이 존재하며 다음과 같은 역할을 한다
스타일 | 기능 |
---|---|
visible | 그냥 넘어가 있는 채로 보여준다. |
hidden | 넘어가 있는 값들을 보여주지 않는다. |
scroll | 넘어가든 말든 스크롤바가 딸려 나온다. |
auto | 알아서 넘어가면 스크롤바 나온다. |
적용은 다음과 같이 한다.
div {
overflow : visible;
}
바로보기
- visible : 신경쓰지 않는다. 넘어가던 말던.... 쿨하게 그냥 내용물 다 보여준다.
- hidden : 넘어가는게 있으면 다 가려버린다.
- scroll : 일단 그냥 스크롤 바를 만들어준다. 과다 친절. 넘어가던 말던 상관 안한다.
- auto : 만약 크기를 초과할 때면 스크롤 바를 만들어준다.