0. 참고자료
1)overflow 관련 정리 : https://truecode-95.tistory.com/93
[css] overflow 사용하기 (스크롤)
1. overflow: visible; 기본값. 사이즈를 넘 칠경 우 글이 상자 밖으로 보임. 2. overflow: hidden; 사이즈를 넘 칠경 우 글이 잘림. 3. overflow: scroll; 사이즈를 넘칠경우 가로 세로 모두 스크롤이 추가. 4. overflo
truecode-95.tistory.com
2)Position 속성 정리 : https://engkimbs.tistory.com/922
[HTML&CSS] position 속성 정리하기!
*아래를 누르시면 HTML, CSS 코드 실행환경을 만드실 수 있습니다.[Language & Solution/Node.js] - npm과 lite-server로 HTML, CSS 실습관경 만들기 position 속성 position 속성은 웹 문서 안 요소들을 어떻게 배치할
engkimbs.tistory.com
1. Position 속성 간단 정리
| tatic | 요소를 문서 흐름에 맞추어 배치. |
| relative | 이전 요소(주로 부모 요소)에 자연스럽게 연결하여 위치를 지정. |
| absolute | 원하는 위치를 지정해 배치. |
| fixed | 지정한 위치에 고정하여 배치. |
| sticky | 위치에 따라서 동작방식이 달라짐. 요소가 임계점(scroll 박스 기준) 이전에 는 relative와 같이 동작. 그 이후에는 fixed와 같이 동작. |
- fixed 는 문의하기와 같이 화면의 지정된 부분에 스크롤을 내려도 계속 보인다.