Notice
Recent Posts
반응형
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 매일두유
- 클린 서구
- 크리에이터링크 이미지클릭
- 애드센스
- 셀렉트 태그 링크
- 포토샵 핸드툴 단축키
- 쏜살치킨
- 다른 사이트로 연결
- 강아지 발작
- 후두골이형성증
- html 다운로드 버튼 만들기
- 포토샵 스페이스바 오류
- 종묘대제
- javascript 자식 노드 복사
- css 화면이동
- 일러스트 핸드툴 오류
- javascript 자식 노드 삭제
- javascript 자식 노드 추가
- 당연해?왜?
- css사칙연산
- 자바스크립트 타이머 만들기
- 대한제국역사관
- css변수
- 포토샵 핸드툴 오류
- 일러스트 스페이스바 오류
- 크리에이터링크 이미지링크
- 당연해?뭐가?
- 덕수궁 석조전
- 자바스크립트 링크
- 크리에이터링크 상세페이지
Archives
- Today
- Total
목록반응형 여백 (1)
열정과 게으름 사이
position:sticky 가 안될때 +반응형 여백
스크롤이 되다가 특정 위치에 고정되는 속성인 sticky 이게 되다가 안된다. 뭐지?? 한참을 헤매다가 알아낸것이. 반응형 작업중에 어느 분기점에서 여백이 생겼던 것을, 뭔가 튀어 나온 요소가 있나 찾는데 안찾아져서, 요소들을 감싼 요소에 overflow-x:hidden을 줬는데 그것 때문이었다. sticky는 부모 요소중에 hidden 속성을 가진 요소가 있으면 적용이 안된다고 한다. 자바스크립트로 sticky를 해결하지 뭐 했는데 번거롭다. 그래서 다시 한번만 튀어나온 요소 찾아보자 하고 찾았더니 이번에는 또 의외로 쉽게 찾아짐... 비율 때문에 px로 해놨던걸 특정 분기점에서 %로 해줘야하는데 안해줬던거... 튀어나온 요소 찾기 번거롭다고 했다가 더 헤멘 꼴. 쨋든. 또 이렇게 하나 알고 지나간다.
공부 메모/css3
2021. 4. 25. 19:41