#10 CSS overflow 속성

 

overflow

• 블록레벨 요소의 콘텐츠가 요소의 크기보다 클 때 어떻게 표현할지 지정하는 속성

 

- 속성 값

• visible : 콘텐츠가 잘리거나 스크롤없이 그대로 표현 (default)
• auto : 콘텐츠가 더 클때만 스크롤을 나타낸다
• hidden : 요소의 크기에 맞게 콘텐츠를 잘라내어 표현
  (hidden 속성이 적용될 경우, 첫번째 자식 요소의 margin-top이 부모 요소 내에서 이루어진다)
• scroll : 항상 스크롤을 나타낸다.

div {
  float: left;
  width: 200px;
  height: 300px;
  border: 1px solid #000;
  margin: 20px;
}
.one {overflow: auto;}
.two {overflow: hidden;}
.three {overflow: scroll;}

---