기타

[기타] antd 가로스크롤 문제

Dochi.Dev 2021. 9. 29. 13:06

프로젝트의 디자인을 수정하려고 보는데

가로 스크롤이 보였다.

 

인터넷 뒤지고

컴포넌트 하나하나 뜯어고치면서

삽질을 엄청나게 했는데,

 

모든 col태그 밑의 내용 다 지우고 

antd의 row랑 col만 남겨서 inline style로 border 색깔별로

col 태그에 적용했다.

 

그리고 계속 개발자 도구로 확인하다가 한 가지 이상한 점을 발견했다.

 

크롬 개발자도구 코드
소스코드

ant-row가 왜그런지는 모르겠지만

margin left right가 있어서 그런 것 같다는 직감이 들었다.

그래서 코드에서 바로 margin을 0으로 주니 사라졌다!!!!!

거의 4일만에 해결...