인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

최현준님의 프로필 이미지
최현준

작성한 질문수

나만의 포트폴리오 웹페이지 만들기

2-2. CSS

.navbar-toggler에서 height

작성

·

136

0

class="navbar-toggler"는 a 태그라서 인라인 요소인에

어떻게 height값을 가질 수 있나요?

답변 1

0

시몬님의 프로필 이미지
시몬
지식공유자

안녕하세요. ^^

질문자님 문의에 대해 테스트해보고 말씀드립니다.

말씀해주신대로 a태그는 인라인 요소이고, 인라인 요소는 width와 height 지정이 안됩니다. 하지만 float 요소를 적용하게 되면 display 속성을 무시하게 되고 a태그에도 width와 height를 적용할 수 있게 됩니다. display가 'none'인 경우는 float도 무시할 수 없습니다.

다른 케이스로 블록 요소인 div태그는 선언하게되면, 한 줄을 모두 차지합니다. 하지만 div태그에 float 속성을 주게되면 div가 한쪽으로 쏠리면서 한 줄의 일부만 차지하게 됩니다.

이렇듯 display를 무시하는(none 속성 제외) float의 영향으로 a태그에 height값을 주었다고 보시면 되겠습니다.

관심가지고 영상봐주셔서 감사합니다.

최현준님의 프로필 이미지
최현준

작성한 질문수

질문하기