본문 바로가기 메뉴 바로가기

Programmers

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Programmers

검색하기 폼
  • 개발 노트 (287)
    • VUEJS (21)
    • JAVA (3)
    • Python (10)
    • HTML CSS JS (72)
    • Servlet JSP (67)
    • JDBC (19)
    • Oracle Database (21)
    • POSIX CLI (13)
    • Git (34)
    • 알고리즘 (4)
    • 개발자 취업 준비 (8)
    • 스크랩 [정보] (1)
    • 이것저것 정리 (6)
  • 방명록

overflow: hidden; (1)
CSS) overlfow overflow: auto; overflow: hidden; overflow: scroll; overflow: visible;

1) overflow 요소의 크기 이상으로 내용(자식요소)이 넘쳤을 때, 내용의 보여짐을 제어 속성 값 값 의미 기본값 visible 넘친 부분을 자르지 않고 그대로 보여줌 visible hidden 넘친 부분을 잘라내고, 보이지 않도록 함 scroll 넘친 부분을 잘라내고, 스크롤바를 이용하여 볼 수 있도록 함 auto 넘친 부분이 있는 경우만 잘라내고, 스크롤바를 이용하여 볼수 있도록 함 ※ scroll: 강제 ※ auto: 자동 사용법) overflow: visible; html 1 2 3 .parent { width: 300px; height: 250px; border: 4px solid; overflow: visible; } .parent .child { width: 100px; height: ..

HTML CSS JS 2021. 8. 19. 08:16
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바