• 카테고리

    질문 & 답변

  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

inline요소안에 block요소

20.05.22 00:41 작성 조회수 101

0

<a href="#">

       <figure></figure>

<a/> 

이렇게 하게되면 a의 width, height는 0인데

figure의 width는 body의 width와 같던데 이건 어떻게 된건가요? inline요소안에 block요소가 들어가면 이런건가요?

course-thumbnail

CSS Flex와 Grid 제대로 익히기

Flex UI #3 - 불릿 리스트

강의실 바로가기

답변 1

답변을 작성해보세요.

0

1분코딩님의 프로필

1분코딩

지식공유자

2020.05.22

<a>가 기본적으로는 인라인 요소라서 그런건데요,
그래서 이런 경우에는 보통 <a>에 display: block;이나 display: inline-block; 등을 지정해주어서
블럭 속성을 갖도록 바꾸어 줍니다.
그렇게 하면 <a>도 영역을 제대로 확보하고 있는걸 확인하실 수 있을거에요~

이 글과 비슷한 Q&A