margin Top의 %값은 무엇이 적용되나. marginTop이 너무 크게 잡힐 때

RuLu·2024년 12월 8일
1

React

목록 보기
11/15
post-thumbnail
  • 오늘배운사실: margin-top에 %먹일 때 부모 높이가 아니라 부모 너비 기준으로 % 작동한다.
  • 부모 높이 기준으로 잡고싶으면 아래처럼 하기..
  useEffect(() => {
    if (childRef.current) {
      const parent = childRef.current.parentElement

      if (parent) {
        const parentHeight = parent.clientHeight
        const marginHeight = parentHeight * 0.05
        childRef.current.style.setProperty('--margin-height', `${marginHeight}px`)
      }
    }
  }, [])
profile
프론트엔드 개발자 루루

0개의 댓글