css6 [CSS] overflow 사용법 overflow는 박스안에 컨텐츠(글, 이미지)를 보여주기에 충분한 공간이 없을 경우, 박스를 벗어나는 컨텐츠를 어떻게 다룰 것인지 설정합니다. ◎ 속성1 : visible 영역을 벗어난 부분을 짜르지 않고 눈에 보이게 함. ◎ 속성2 : hidden 영역을 벗어난 부분을 숨겨서 눈에 안보이게 함. ◎ 속성3 : scroll 영역을 벗어난 부분과 상관없이 자동으로 스크롤 생기게 만듦. * overflow-x:scroll : 가로축 스크롤 생성. * overflow-y:scroll : 세로축 스크롤 생성. ◎ 속성3 : auto 영역을 벗어난 부분이 있으면, 자동으로 스크롤 생기게 만듦. ◎ 속성3 : inherit 부모요소 속성을 상속함. 2022. 9. 12. [CSS] width와 max-width 차이 ◎ width: 100%로 지정한 경우에는 : 창의 크기를 줄이거나 늘리면 창의 너비에 맞춰 크기가 충실히 증감한다. ◎ 가로 너비 값을 아무 것도 지정하지 않은 경우 : 창의 크기를 줄여도 이미지 크기에 아무런 변화도 없다. ◎ max-width: 100% 로 지정한 경우 : 창의 크기를 줄이면 줄인만큼 충실히 줄어들지만, 크기를 키울 때는 원래 이미지 사이즈보다 커지지는 않는다. 출처: https://ccuram.tistory.com/29 2022. 9. 12. 이전 1 2 다음