[css] over-flow

내용이 지정된 테두리 영역을 벗어났을때 넘치는 요소를 다루는 속성

 

overflow visible 기본 설정 값

기본 설정 값 넘치는 내용을 다 표시함

.a5{overflow: visible;}

---

 

overflow hidden 넘치면 보이지 않게

내용이 지정된 테두리 영역을 벗어나면 보이지 않게 함

.a2{overflow: hidden;}

자식태그에서 float 을 주었다면 부모태그에선 반드시 overflow hidden을 주어야한다!!

float

---

overflow auto 넘치면 가로만 없애기

가로 스크롤 없이 내용이 넘칠때만 세로 스크롤만 표기!

---

.a4{overflow:auto; }

---

overflow scroll 스크롤

내용이 넘치는것과는 별개로 무조건 스크롤을 만드는 속성 

.a3{overflow: scroll;}