• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 HTML/CSS 게시판 position : sticky 적용이 왜 안될까요

position : sticky 적용이 왜 안될까요

  • 이 주제에는 6개 답변, 2명 참여가 있으며 이니3 년, 7 월 전에 전에 마지막으로 업데이트했습니다.
7 글 보임 - 1 에서 7 까지 (총 7 중에서)
  • 글쓴이
  • #19583

    이니
    참가자

    float 속성 안 쓰고 flex로 해보려 강의 듣고 해보았는데 sticky 적용해도 안 되네요

    코드 상에 문제가 있나요??

    #19588

    이니
    참가자

    다른 빈 박스를 만들어서 적용해보면, 잘 되는데

    사진처럼 이미지를 감싸는 박스에 먹이면 적용이 안되네요..

    #19590

    codingapple
    키 마스터

    .image에 align-self: flex-start; 라는걸 추가해봅시다

    #19593

    이니
    참가자

    적용해보아도 똑같이 되지 않습니다 ㅠ 

    임의 박스는 적용되는것 보면 flex때문은 아닌거같은데 코드상에 문제가 있나요 ..

    #19596

    이니
    참가자

    'flex-warp' div상자를 제거하고, 말씀하신 .image에 align-self : flex-start 적용하니 기능 구현되었습니다.

     

    5시간만에 이유를 찾아냈습니다..

     

    그러나 'flex-warp' div 상자때문에 왜 구현이 안된건지 모르겠습니다.. 

    #19608

    codingapple
    키 마스터

    그것은 flex-wrap에 적절한 스크롤 가능한 길이가 없어서 그런듯합니다 높이를 1000px 이렇게 주면 될걸요 

     

    #19615

    이니
    참가자

    감사합니다! flex-wrap에

    height:100% 주니까 잘 됩니다. 고맙습니다 🙂

7 글 보임 - 1 에서 7 까지 (총 7 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠