반응형
- visible
- default, not clipped(안 자르고 다 보여줌)
- hidden
- clipped - 넘치는 부분 잘라냄
- 내부에 있는 애들이 빠져나가지 못하게 가둠(자기 자신이 더 커짐으로 해서라도)
- scroll
- clipped
- 넘치지 않아도 scroll이 기본으로 생김 (넘치치 않으면 위 아래로 이동은 안되고 자리만 차지하는 scroll생김)
- auto
- clipped
- scroll과 비슷하지만 넘치지 않으면 scroll없고 넘칠때만 생성
- 만약 height가 고정이 아니라면 scroll생성안해도 되도록 height를 자동으로 늘이는듯(최대한 scroll없이 해결하고 정 안되면 scroll)
overflow-x, overflow-y로 방향지정 가능
반응형
'html, css' 카테고리의 다른 글
text-overflow: clip깍다,자르다|ellipsis...생략(부호)|string|initial|inherit; (0) | 2022.08.19 |
---|---|
css display: block(div p form ol ul h1~6 table...) vs inline(span a img button input...) (0) | 2022.08.04 |
마우스 포커스 못 가게 막는 법: <input readonly={true}(봐서는 모르고 포커스해봐야앎) disabled(딱보면 비활성화) (0) | 2022.08.01 |
resolution 낮을 때 깨지는 문제 (cdp admin소스) (0) | 2022.05.09 |
css (0) | 2020.05.27 |