개발일지

  • 홈
  • 태그
  • 방명록

CSS 1

[css][sticky] 아니 여백이 안지워진다니까요??

서론: 필자는 프론트엔드 단톡방에 들어가있다 어느날 갑자기 tailwind와 nextJs 사용중에 한분이 여백이 안지워진다는 글을 올리셨다. 나는 당연히 width가 100vw가 아닌거 아니야? 했는데...결론:해당 이슈를 단톡방 전원이 고민하면서 padding? gap? border? width? 등 여러 이유를 댔지만 모두 아니었다.그러나 이 문제를 겪은분이 계셔서 해결해주셨는데 문제는 css에 sticky 라는 속성이 있는데 해당 속성으로 header를 만들면 가끔 겪는이슈라고 하셨다 정확한 이유는 스티키 계산이 소숫점까지 계산하며 틀어지는 걸로 생기는 이슈라고하셨다. 그리하여 해당 이슈를 가상 요소인 before로 해결이 가능하다고 말씀해주셨다 느낀점:필자는 sticky header를 잘 사용하지..

개발 2025.07.29
이전
1
다음
더보기
프로필사진

개발일지

하찮은 나의 개발일기

공지사항

  • 깃허브 링크
  • 분류 전체보기 (22)
    • 일상 (0)
    • 개발 (13)
    • nextJs (4)
    • reactJs (0)
    • 면접 (0)

Tag

NextJs, 파이썬, 프론트엔드교육, 에이블런부트캠프, 프론트엔드부트캠프, Link컴포넌트, TypeScript, 웹개발교육, react, 웹개발국비지원, rn-expo, 웹 개발, 프로그래머스, 차트 api, 웹개발부트캠프, css속성, 프론트엔드국비지원, 프론트엔드, binaceApi, 프론트엔드개발,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Copyright © AXZ Corp. All rights reserved.

  • 깃헙
  • 이전 블로그

티스토리툴바