Overflow

엘리먼트의 크기가 초과된 경우, 어떻게 보여줄 지를 정한다. 다음과 같은 스타일이 존재하며 다음과 같은 역할을 한다

스타일 기능
visible 그냥 넘어가 있는 채로 보여준다.
hidden 넘어가 있는 값들을 보여주지 않는다.
scroll 넘어가든 말든 스크롤바가 딸려 나온다.
auto 알아서 넘어가면 스크롤바 나온다.

적용은 다음과 같이 한다.

div {
  overflow : visible;
}

바로보기

  • visible : 신경쓰지 않는다. 넘어가던 말던.... 쿨하게 그냥 내용물 다 보여준다.
  • hidden : 넘어가는게 있으면 다 가려버린다.

  • scroll : 일단 그냥 스크롤 바를 만들어준다. 과다 친절. 넘어가던 말던 상관 안한다.
  • auto : 만약 크기를 초과할 때면 스크롤 바를 만들어준다.

results matching ""

    No results matching ""