display
display : inline ;
//물건
display : inline-block ;
//상자인데, 한줄에 여러개가 진열될 수 있는 특별한 상자
display : block ;
//상자인데, 한줄에 한개씩 들어갈 수 있는 상자 position
position : static ;
// 기본값
// html에 정의된 순서대로
브라우저 상에 자연스럽게 보여지는 것
position : relative ;
// 원래 있어야하는 자리에서 상대적으로 옮겨간 것
position : absolute ;
// 아이템이 담겨있는 상자 안에서 옮겨간 것
position : fixed ;
//상자안에서 완전히 벗어나서
윈도우(웹 페이지)상에서 옮겨간 것
position : sticky ;
//스크롤링 되어도 없어지지 않고
원래 있던 자리에 그대로 있는 것
Try Everything