Programing/CSS
Position
크롬에서 웹 페이지 검사를 실행해보면, 각 요소(element)들은 각자의 고유 공간을 차지한다는 것을 알 수 있습니다. 이러한 속성을 인지하여 스타일을 작성할 때 margin, padding 등 차지하는 공간에 변화를 주어 위치를 수정하곤 합니다. 근데, 요소는 각자의 공간을 차지한다 하였지만, 마치 화면에 겹쳐서 표현되어 보이는 사이트들을 너무 쉽게 접할 수 있습니다. 어떻게 표현한 것일까요? 기본적으로 요소들은 자신의 공간이 있기에, 그 공간을 침범하지 않습니다. 속성이 inline 이던 block 이던지 마찬가지입니다. block 역시 차지하는 높이만큼 그 공간 자체를 모두 가지고 있기에, 다음 요소는 그 밑에 위치합니다. 이러한 요소들의 위치를 수정하기 위해서는(보통 간격) 검사 style 창에..
