👀 overflow
overflow
는 자식요소가 부모요소의 범위를 초과할 때, 이러한 상황을 어떻게 처리할 것인지에 대한 정보를 담고있다.
✔ 속성값
overflow: visible
자식요소가 부모의 범위를 넘어가더라도 그대로 보여준다overflow: hidden
부모의 범위를 넘어가는 자식요소는 보이지 않는다overflow: scroll
부모요소의 범위를 넘어가는 자식요소를 스크롤바를 통해 확인할 수 있다overflow: auto
부모요소의 범위를 넘어가는 자식요소가 있을경우 스크롤바를 표시하여 확인할 수 있도록 한다.
✔ overflow-x / overflow-y
overflow
는 x축과 y축에 일괄적으로 적용됨과 반대로, x와 y축에 알맞은 overflow를 사용할 수 있도록 해준다.overflow
의 모든 속성값을 사용할 수 있다.
👍 참고 사이트
'- > css' 카테고리의 다른 글
[CSS] 요소의 쌓임 (0) | 2021.01.28 |
---|---|
[CSS] Flexbox Froggy (0) | 2021.01.18 |
[CSS] Position (0) | 2021.01.15 |
[CSS] CSS Diner (0) | 2021.01.15 |
[CSS] BEM 방법론 (0) | 2021.01.14 |