position
속성absolute
와 fixed
는 원래 자리를 비워두지 않는다.absolute
는 포지셔닝 된 조상을 기준으로 배치한다. 따라서 기준으로 삼고 싶은 조상 요소에 position 속성이 없다면 position: relative
속성을 줄 수 있다.z-index
를 활용하여 포지셔닝 된 요소들의 앞뒤 순서를 정해줄 수 있다.block
레벨 요소와 inline
요소block
요소는 부모 요소 가로폭을 꽉 채우며, inline
요소는 컨텐츠 영역 만큼만 차지한다.block
요소에는 <div>
,<article>
,<header>
,<section>
,<nav>
, <h1>
등이 있다.inline
요소에는 <label>
, <span>
, <img>
등이 있다.display: inline-block
: inline
요소에도 width
,height
등 크기를 정해주고 싶은 경우 display
속성을 변경해준다.display: flex
의 컨테이너와 아이템 개념을 명확하게 알지 못했다. flex
속성값을 부모요소(컨테이너)에게 줘야 자식요소(아이템)들이 부모요소 안에서 배치가 되는 것인데, 자식 요소에게 속성값을 준다던가 하는 식이었다.