-알게된점:
css 스타일에 속성값으로 top,left,bottom,right를 본적이 있는데 이것들을 offset이라고 한다
아래와 같이 전체 화면의 최상단에서 top만큼 떨어지고 left만큼 오른쪽으로 이동했다.
offset값이 양수로 커질수록 offset으로부터의 거리를 나타낸다
top:20px 이라면 top에서 20px 떨어진것이다
우선순위가 있다.
top > bottom, left > right
top:20px
bottom:0;
이러면 bottom에 딱 붙으면서 top에서 20px 떨어져야하는데 불가능하기 떄문에
이런경우 top이 먼저이다
상위엘리먼트가 있다면 전체화면이 아닌 상위엘리먼트 기준으로 offset이 적용된다
'TIL,WIL(일간,주간 회고)' 카테고리의 다른 글
| 2022.12.07 TIL 파이썬 전역변수 선언방법,사용방법 (0) | 2022.12.08 |
|---|---|
| 2022.12.07 TIL CSS position 개념 (0) | 2022.12.08 |
| 2022.12.06 TIL div배치 문제 (0) | 2022.12.06 |
| 2022.12.06 TIL css 폰트사이즈 관련 (0) | 2022.12.06 |
| 2022.12.06 TIL 자바스크립트 href 새창,기존창 (0) | 2022.12.06 |