[CSS] margin-left : auto 적용이 안돼요!(auto not working)

margin-left가 안 먹어 있음..

 

 

이번에 페이지를 만들며 유독 margin-left : auto가 안 먹을 때가 많았다!

위 사진처럼 px로 margin을 주면 먹는데 auto는 안먹는다.......

부모 요소와의 문제가 있는 게 분명!

이유는 여러가지가 있었는데 별 거 아니지만 일단 기록해두어야겠당

 

1. 부모 요소 확인

아무래도 협업으로 진행하다보니 팀원이 내 코드를 바꿔놓는 경우가 있다.

왜 갑자기 바뀌었지 한참 찾아보았는데 못 보던 div로 감싸져 있는 걸 목격했다.

아무래도 margin은 부모 요소에 큰 영향을 받으니 꼭 확인 해야한당

 

2. 부모 요소의 width가 없음

검색하다가 발견했는데 이 부분은 적용해봤지만 실패.. 

 

3. position : absoulte

position을 absoulte로 하면 auto가 씹힌다는 얘기가 많았다...

 

나는 margin-left를 했어야해서

 left: 0 right: 0 을 스타일에 적용하고 나니 마진 오토가 잘 먹었다!!!!!!!!!!!!!!!

 

absolute를 쓸 때 auto를 쓰고 싶다면 이 방법 강추........