[css flex, position 질문] fixed 사용 후 justify-content 안 됨

Question

안녕하세요, css flex, position 질문 있습니다!fixed 된 헤더를 만들기 위해, 먼저 flex를 사용해서 모양을 잡은 후, fixed를 주었는데, header의 justify-content: space-between;가 먹히지 않습니다. header 부분에 width: 100%을 주면 된다는 것을 본 것 같았는데 그러면 헤더가 우측으로 몇 미리 더 오버되고 바른 방법이 아닌 것 같습니다... 이것 왜 그런 것인지 아시는 분 있을까요..?

/* header start */ header, nav > ul, .first-navigation, .secondary-navigation { display: flex; flex-flow: row wrap; align-items: center; } header { height: 68px; padding: 0 50px; display: flex; position: fixed; justify-content: space-between; } nav > ul > a { margin-left: 18px; } #logo img { height: 26px; /* 나는 여백없는 png라 4px 줄임 */ margin-right: 25px; } .secondary-navigation .nav-item { padding: 1px 6px; margin-right: 10px; } .profile-icon { border-radius: 5px; } .caret { margin-left: 10px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #000 transparent transparent transparent; } /* header end */

doru · Answer

일단 보여주시는 소스들만 긁어서 붙여넣어봤을땐 의도하시는 레이아웃이 어떤진 모르겠으나.. space-between은 적용되어있습니다...의도하시는게 어떤건지 알려주셔야 뭐가 잘못되었는지 알려드릴수 있을거같네요..제가 보기엔 justify-content를 다른 곳에 넣어야하는게 아닌가.. 싶습니다..

[css flex, position 질문] fixed 사용 후 justify-content 안 됨

1개의 답변

#position 목록