.square span의 width와 height값

21.01.16 16:15 작성 조회수 157

안녕하세요 강의 잘 보고 있습니다.

궁금한 점이 하나 생겼는데요.

영상 8:00분쯤에 .square span{}에 width와 height값을 주셨는데요 span은 inline-level인데 어떻게 width와 height값이 먹는거죠 ? 따로 dispaly를 준것이 아닌데요 ㅠㅠ

position속성을 주면 block요소로 바뀌는 건가요 ??

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

CSS 키프레임 애니메이션 활용한 실전 퍼블리싱 03(더블 보더 레디어스 애니메이션)

강의실 바로가기

답변 1

답변을 작성해보세요.

코딩웍스(Coding Works)

2021.01.16

알고 계신대로 span 태그는 인라인 요소라 크기를 가질 수 없고 마진 상하를 가질 수 없습니다. 하지만 모든 요소는 포지션 absolute 또는 fixed가 되면 블록 요소가 아니라 인라인 블록로 변경됩니다. 그래서 크기 값을 가질 수 있게 된 겁니다.