수다닷컴

CSS에서 position:relative와 float:left를 함께 쓰는 이유

뽀대미녀 2025.08.19 댓글 9

레이아웃을 이루는 div에 대부분 `position: relative`와 `float: left`가 함께 들어가 있어요.
너비가 고정된 요소들이고, float은 정렬용으로 보이는데 relative는 기준점으로 쓸 만한 요소도 없어 보여서 궁금합니다.
공간 확보를 위한 건지, 다른 이유가 있는 걸까요?

댓글 9

  • 예린 2025.08.19

    그럴 수도 있군요! 감사합니다.
    코드를 최대한 간결하고 효율적으로 작성하도록 연습해야겠어요 ^^

  • 천사의눈물 2025.08.19

    필요한 곳에만 쓰는 게 좋습니다.
    relative를 여러 겹 적용하면 리플로우가 생겨 성능에 영향을 줄 수 있어요.
    보여주신 코드는 레이아웃이 꼬여서 임시로 추가한 것 같기도 합니다.

  • 율하 2025.08.19

    좋은 자료 알려주셔서 감사합니다!
    찬찬히 읽어볼게요 ^^

  • 보단 2025.08.19

    필요 없어 보이는 relative를 빼고 너비와 float으로 정리했어요.
    그래도 어떤 이유로 저렇게 쓰는지는 궁금하네요.

  • 다니엘 2025.08.19

    float에 꼭 relative를 같이 줄 필요는 없어요.
    다른 이유가 있을 수도 있겠네요 ㅎㅎ

  • 큰나라 2025.08.19

    그렇군요 ㅠㅠ 작성한 분께 물어보고 싶네요.

  • 핫파랑 2025.08.19

    코드를 작성한 분께 물어보는 게 가장 빠를 것 같아요.

  • 가시 2025.08.19

    absolute로 배치할 요소가 없어 보이는데도 전부 들어가 있네요.
    ul과 li로 만든 게시판 틀에도 들어가 있어요.
    absolute가 필요한 경우라면 상위 요소에만 relative를 주면 될 것 같은데, div마다 넣은 이유가 궁금합니다.

  • 소아 2025.08.19

    나중에 absolute를 쓸 때 부모 요소의 z-index를 맞추려고 넣었을 수도 있겠네요.
    다만 어디서 가져온 코드인지에 따라 이유가 다를 수 있을 것 같아요.

프로그램 개발일반 다른 글

목록