z-index

    [HTML5&CSS3] 위치

    [HTML5&CSS3] 위치

    1. position 요소의 위치를 설정합니다. position의 속성을 absolute로 잡으면 left, top, right, bottom속성을 이용해 요소의 위치를 직접 지정할 수 있습니다. 이 외에 static속성은 다른 태그와의 순서에 따라 위에서 아래로 자동 배치되며 이때는 위치를 임의로 설정할 수 없습니다. relative는 본래 자신이 위치해 있던 위치를 기반으로 좌표가 설정되며 fixed는 absolute와 비슷하지만 스크롤의 상태에 영향을 받지않고 고정된 좌표를 사용하게 됩니다. 2. z-index 여러개의 요소가 겹칠 때 앞으로 드러나는 순서를 지정하는 속성입니다. 기본적으로는 뒤에 나오는 요소가 앞으로 위치하게 되는데 위에서 처럼 z-index의 값을 임의로 부여하면 요소가 앞으로 ..