반응형
scroll달기
div에 overflow스타일 추가, 그래도 적용이 안된다면 높이가 지정되어있는지 확인
<div style="overflow:auto; height:100px;">
<table>
...
</table>
</div
overflow 속성들
overflow: auto | 해당 범위를 벗어나지 않으면 그대로 표시하고, 벗어나면 스크롤바를 표시 |
overflow: scroll | 영역 범위의 초과 여부 상관없이 항상 테이블에 스크롤을 표시 |
overflow: hidden | 영역을 초과하면 초과한 부분은 사라짐 |
overflow-x: scroll | 가로(너비) 스크롤만 표시 |
overflow-y: scroll | 세로(높이) 스크롤만 표시 |
overflow-x: hidden | 가로(너비) 스크롤만 표시하지 않음 |
overflow-y: hidden | 세로(높이) 스크롤만 표시하지 않음 |
반응형
'Frontend > CSS' 카테고리의 다른 글
[CSS] flexbox표현 방식 (0) | 2024.09.04 |
---|---|
[HTML] 테이블 관련 요소 들 (0) | 2024.08.29 |
크기 조절 (0) | 2024.02.19 |
01/19 회고 (0) | 2024.01.19 |