css 페이지 구조 관련 질문 있습니다


  • Level 2

    구조.png

    이런식으로 포지셔닝을 했는데, 가운데 relative로 지정한 부분의 끝이 fixed에 가려지고 페이지가 올라오지 않아요. 이 부분의 끝을 fixed 처리된 부분의 위로 보낼 수 있는 방법이 있을까요?

    코드 주소입니다
    https://github.com/OrleaTtos/my_portfolio.git

  • Level 3

    완벽한 해결방법은 아니지만,
    현 상황을 기준으로, footer가 46px를 차지하고 있으므로 마지막 본문의 article에 margin-bottom: 46px를 적용합니다.
    body에 padding-bottom을 주는 방법도 있으나, 잘 먹히지 않아 개발자도구만 보고 간단히 뜯어보기에는 오래걸릴것 같아 한번 연구해보시면 될것 같습니다.
    더불어 개별 article 들을 통틀어 상위 div로 묶고, 그 부분에 margin-bottom: 46px를 준다면 더 좋을것 같습니다.

    article:nth-last-child() {
       margin-bottom: 46px;
    }
    

    https://codepen.io/catgarret/pen/yLLqyyG

ONLINE USERS

POPULAR TOPICS

SUGGESTED TOPICS