인프런 커뮤니티 질문&답변
작성한 질문수
질문 드립니다 !
해결된 질문
작성
·
203
1
안녕하세요 선생님 @@ 오랜만에 질문드려 봅니다.
캡처보시면 아시겠지만, 강의따라서 코드 그대로 실습하며 따라하고 있는데, .lnb 부분이 자꾸 nav 에서 삐져나와 하단에 머물러있네요. ㅠㅠ
box-sizing 을 안넣어서 그런가 싶어 이리저리 넣어봤는데도 미동이 없어서...
캡처 첨부드리니 어디가 문제인지 알려주실 수 있을까 여쭤봅니다. :)
좋은하루 되세요! 항상 질문 받아주셔서 감사합니다.
답변 1
0
코딩웍스(Coding Works)
지식공유자
이런 배치는 플렉스로 하시면 깔끔합니다. 아래 코드 참고해보세요.
nav {
display: flex;
justify-content: space-between; /* 자식요소를 좌우끝에 붙여서 가로 정렬 */
}
.logo {
width: 180px;
}
.gnb {} /* .logo와 .lnb의 영역을 제외하고 자동으로 너비값이 주어집니다. */
.lnb {
width: 100px;
}
너무 감사드립니다 !!!