본문 바로가기
개발/PHP

[CSS] 디자인 - 웹페이지 크기에 따라 움직이는 객체 고정

by m_.9m 2022. 2. 17.

 

웹 만진 4개월 내내 어떻게 적용해도 객체가 자꾸 동적으로 이동해서

absolute나 fixed도 안먹었는데, 부모 객체를 static로 설정하고 자식 객체를 absolute로 고정하니

객체가 고정된 것을 알 수 있었다 

 

position: static 다른 설정 무시됨. HTML 기준 원래 있어야할 자리에 위치된다.

position: absolute : static이 아닌 첫번째 상위요소가 해당 요소의 배치기준이 된다. 만약 요소 상위에 static이 아닌 상위요소가 없다면 DOM 트리의 취상위 요소인 <body>가 기준이 된다.

 

참조

https://www.daleseo.com/css-position/

 

CSS의 position 속성으로 요소 배치하기

Engineering Blog by Dale Seo

www.daleseo.com