원인 : tabulator 그리드 옵션 중 layout과 display:grid의 단위 1fr과 width: auto;와 position:absolute의 속성들이 만나서 생긴 현상. 부모와 조상 엘리먼트 중에서 고정값이 있어야 하는데 없어서 무한대로 늘어남.
해결방법 :
1. tabulator 옵션 layout : "fitColumns", 주석처리.
2. tabulator 감싸고 있는 바로 위 부모의 width:auto를 고정값으로 변경.
3. display:grid가 적용된 div의 grid-template-columns의 1fr 속성값을 고정값으로 변경.
4. #contents의 position:absolute의 값을 relative로 변경하면서 그 아래 자식들의 엘리먼트들의 구조를 변경해야함.
회사에서 진행하고 있는 프로젝트 중, 그 프로젝트의 퍼블리싱에 손놓고 있는 사이에... 구조가 조금... 난해해져서.. 시간은 없고... 넘어가고, 넘어가다보니.. 오늘 또 이런 현상이 발생.... 더 큰일이 생기기전에 어서 끝났으면...
728x90
300x250
