css overflow: visible(default),hidden, scroll, auto

• visible
  • default, not clipped(안 자르고 다 보여줌)
• hidden
  • clipped - 넘치는 부분 잘라냄
  • 내부에 있는 애들이 빠져나가지 못하게 가둠(자기 자신이 더 커짐으로 해서라도)
• scroll
  • clipped
  • 넘치지 않아도 scroll이 기본으로 생김 (넘치치 않으면 위 아래로 이동은 안되고 자리만 차지하는 scroll생김)
• auto
  • clipped
  • scroll과 비슷하지만 넘치지 않으면 scroll없고 넘칠때만 생성
  • 만약 height가 고정이 아니라면 scroll생성안해도 되도록 height를 자동으로 늘이는듯(최대한 scroll없이 해결하고 정 안되면 scroll)

 

overflow-x, overflow-y로 방향지정 가능