태그위치 / 부유(float) / 플랙스(flex) 속성

1. 위치속성(기본적 위 → 아래, 왼쪽 → 오른쪽 위치잡음)   position: relative :      -> 현재 위치를 기준으로 음직임. offset을 사용할수 있다 (offset : top bottom, left, right)   position: absolute:      -> html 문서를 기준으로 고정됨 offset 을 사용   position fixed :      -> 브라우저를 기준으로 고정됨(ex. 배경화면)  강하게 고정되는 순서 : fixed > absolute > relative > static     - position : absolute;  => 기본적 위치를 깨고 절대적 위치로 변경     => 자식들이 부모의 위치도 못알아보고 위치를 잡음  => 부모테그에 position: relative를 해서  부모위치 기준으로 절대 위치 정함          (부모를 알아보기 시작함)     => 부모의 높이를 어떻게든 지정해서 자식을 감싸주게 한다    - z-index : => 겹쳐있는 div 값의 순서를 큰값을 맨위로 올린다 // 보통 absolute랑 같이 쓴다         - left/top/right/bottom :       - overflow : hidden, scrol     자신의 높이를 넘었을때 어떻게 처리할가?2. float 속성    - float 속성을 사용한 수평 정렬       => 자식에 width, float을 주고 부모에 overflow:hidden   OR      밑에  clear: both ( float 속성 끊음/아직까정 부모는 자식 몰라봄) 3. flex 속성   - (자식에게 너비주고) 그냥 부모에 display:flex   - justify-content: space-around  => 설정값으로  여러모양 주축 수평정렬    - flex-direction: column  => 세로줄 정렬   - align-items: center =>  설정값으로 교차측 정렬   - align-items: flex-end , gap: 40px   => 차트 밑기준 및 뛰우기