
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 속성값을 부모요소(컨테이너)에게 줘야 자식요소(아이템)들이 부모요소 안에서 배치가 되는 것인데, 자식 요소에게 속성값을 준다던가 하는 식이었다.