고정 위치의 자식이 부모의 패딩을 무시함

Question

끈적한 요소가 헤더 뒤에 들어가는 것을 방지하는 방법은 무엇입니까?

현재 코드 조각은 상위 항목에 padding-top을 사용합니다. 또한 추가 하위 항목에 margin-top 또는 투명한 50px 테두리를 사용해 보았지만 작동하지 않는 것 같습니다.

이 경우 고정 태그에 쉽게 사용할 수 있다는 것을 알고 있습니다 top: 50px; 하지만 이 부분을 React 구성 요소에 통합하고 싶고 특정 크기를 사용하면 모두 상단 크기를 공유해야 하기 때문에 서로 다른 구성 요소를 결합하기가 더 어려워집니다.

제목/패딩을 "단단하게" 만들고 스티커 메모가 통과할 수 없도록 만드는 방법은 무엇입니까?

으아악 으아악

Answer 1

내가 모르는 단점이 있는지, 아니면 귀하의 경우에 효과가 있을지 확실하지 않지만 translateY효과가 있는 것 같습니다. 그러나 이것은 확실히 매우 해킹적입니다.

으아악 으아악