프로젝트를 진행하는 도중, 자식 요소들의 위치를 부모 요소에 기반하여 수정하려고 div
에 position:absolute
를 걸어주고, 자식 요소들에 position:relative
를 걸어주자, 부모 태그인 div
태그가 inline 형식으로 나타나는 것을 발견하였다.
이유는, div
태그의 너비가 부모인 body
태그의 너비와 같으면 position:absolute
가 작동하지 않기 때문이다. 따라서, 자동으로 block 요소를 inline 요소로 바꿔준다.
11/27: 자식 요소에 position: absolute
를 걸어주었을 때, block 상태를 유지하고 싶으면, 자식 요소에 width: 100%
를 걸어주면 된다.