CSS position overflow

으누·2024년 9월 12일
0

# overflow
- 내용이 요소의 크기를 벗어났을때 어떻게 처리할지를 결정합니다
  > visible : 영역을 벗어난 부분을 표시합니다( 기본 )
    hidden  : 영역을 벗어난 부분을 잘라내서 보이지 않게 합니다
    scroll  : 영역을 벗어난 부분이 없어도 스크롤을 표시합니다
    auto    : 영역을 벗어난 부분이 있을때만 스크롤을 표시합니다
    
      * {
	margin: 0;
	padding: 0;
}
div {
	width: 200px;
	height: 200px;
	display: inline-block;
	margin-right: 10px;
	background-color: silver;
}

.visible { overflow: visible; }
.hidden { overflow: hidden; }
.scroll { overflow: scroll; }
.auto { overflow: auto; }
profile
코딩 일기장

0개의 댓글