16.06.19

CSS - position: absolute; 사용에 관하여

나는 지금껏, 왠진 모르지만 position: absolute는 상당히 지양해야 하는 속성이라고 생각해왔다.

하지만 반은 맞고 반은 틀리다.

position: absolute는 상당히 좋은 옵션이긴 하다. 내가 원하는대로 바로바로 포지셔닝할 수 있기 때문이다.

하지만, 요즘은 다양한 크기의 화면으로 웹을 들어온다. position: absolute는 이러한 환경에 취약할 수 있다.

이럴 땐 relative와 absolute를 적절히 사용해야 한다.

레이아웃의 큼지막한 덩어리인 부모컨테이너는 relative를 사용하고, 그 부모 안의 자식요소들은 absolute를 사용하는 것이다.

이러면 큰 레이아웃 덩어리는 흐름에 맡길 수 있고, 자식요소들은 부모와 함께 움직이기 때문에 absolute를 사용했다 하더라도 상관이 없다!