position:absolute가 block요소를 inline요소로 바꾼다....?

유준상·2021년 11월 20일
1

Project

목록 보기
2/3

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

11/27: 자식 요소에 position: absolute를 걸어주었을 때, block 상태를 유지하고 싶으면, 자식 요소에 width: 100%를 걸어주면 된다.

profile
웹사이트 개발과 신발을 좋아하는 학생입니다.

0개의 댓글