질문 드립니다 !
안녕하세요 선생님 @@ 오랜만에 질문드려 봅니다.
캡처보시면 아시겠지만, 강의따라서 코드 그대로 실습하며 따라하고 있는데, .lnb 부분이 자꾸 nav 에서 삐져나와 하단에 머물러있네요. ㅠㅠ
box-sizing 을 안넣어서 그런가 싶어 이리저리 넣어봤는데도 미동이 없어서...
캡처 첨부드리니 어디가 문제인지 알려주실 수 있을까 여쭤봅니다. :)
좋은하루 되세요! 항상 질문 받아주셔서 감사합니다.
답변 1
0
이런 배치는 플렉스로 하시면 깔끔합니다. 아래 코드 참고해보세요.
nav {
display: flex;
justify-content: space-between; /* 자식요소를 좌우끝에 붙여서 가로 정렬 */
}
.logo {
width: 180px;
}
.gnb {} /* .logo와 .lnb의 영역을 제외하고 자동으로 너비값이 주어집니다. */
.lnb {
width: 100px;
}
pointer-event:none;
1
73
1
실전 반응형 웹사이트 이미지 다운
1
77
2
87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)
1
64
2
목소리 좀 키워주세요.
1
131
2
PDF파일은 어디있나요?
1
181
2
실전 반응형 웹사이트
1
155
2
강의 내용 pdf가 제공되나요?
1
171
1
flex 가 부트스트랩 5 에 추가되었는데 float 를 실무에서 아직 많이 사용하나요 ?
1
217
1
다크모드 버튼 만들때 왜 <button> 이 아닌 <div> 를 사용하나요 ?
1
191
1
실전퍼블리싱 카테고리 탭메뉴 안에 Slick.js가 안먹힙니다ㅠㅠ
1
386
2
scss에 active 적용하는 방법
1
319
1
반응형이 안먹힐때 뭐가 문제일까요?? ㅜㅠ
1
1182
2
실전 넷플릭스 6 footer부분
1
267
2
.dark 적용 하는 법
1
210
1
JavaScript & jQuery - 검색창 확장하기(3)에서
1
303
2
포트폴리오 CSS Grid 반응형 레이아웃에서
1
292
1
폰트어썸 4.7 아이콘
2
475
1
넷플릭스 공식사이트 수업 header
1
233
1
JavaScript & jQuery - 푸터 패밀리사이트 셀렉트 커스텀 스타일(2)
1
553
2
loginForm input type=email, password 위치 css 오류
2
415
1
이미지 전환 후 잔상 효과
1
1308
4
안녕하세요. jquery 슬라이더에 대해 질문 있습니다.
1
295
1
btn 을 block 이 아닌 inline-block 으로 바꾸신 이유가 궁금합니다
1
487
1
flex나 grid 로 구현하는것과 비교하면 어떤가요?
1
417
1