강의

멘토링

커뮤니티

Inflearn Community Q&A

jinungdesign022417's profile image
jinungdesign022417

asked

Learn CSS Flex and Grid Properly

Flex UI #3 - Bullet List

inline요소안에 block요소

Written on

·

203

0

<a href="#">

       <figure></figure>

<a/> 

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

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

flexHTML/CSS

Answer 1

0

studiomeal님의 프로필 이미지
studiomeal
Instructor

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

jinungdesign022417's profile image
jinungdesign022417

asked

Ask a question