CSS의 position, display 정리하기
positionposition:relative요소를 문서 흐름에 따라 배치하되, 자신이 원래 있어야 할 위치를 기준으로 상대적으로 이동. position:absolute요소를 문서 흐름에서 제거하고, 가장 가까운 조상 요소를 기준으로 배치(position:relative, absolute, fixed, sticky인 조상 요소). 없다면 뷰포트 기준. top, right, bottom, left로 정확한 위치를 지정. 요약relative: 요소를 약간 이동시키고, 다른 요소와의 관계를 유지하고 싶을 때.absolute: 요소를 특정 위치에 정확하게 배치하고 싶을 때. displayinline텍스트와 같은 줄에 배치요소의 내용 만큼의 너비만 차지.높이, 너비, 패딩 속성을 설정할 수 없음., , ,..
2024. 7. 10.