평범한 개발자 얏얏이 평범한 개발자 얏얏이

개발 대충? 끼워 맞춰서 css를 하다가 정확하게 원리를 알고 하려고 하다 보니 뒤늦게... 배우는 것들이 많다... 1. calc 함수 ㄱ. 문제 상황 자식 div가 나란히 있을 때 한쪽은 고정된 크기를 주고, 다른 한쪽은 남은 너비를 모두 차지하고 싶을 때가 있었다. 엄청 당연하게 코드를 치려는 순간 '어?? 어떻게 하는 거지;;' 라는 생각이 들었다. ㄴ. 해결 방법 생각보다 매우 쉬웠다. calc 함수를 사용하면 됐다. 가변하시옵소서... 영역은 부모의 100% width에서 300px을 빼고 나서 자리를 차지하게 된다!! ㄷ. 발전 만약 옆에 있는 요소와 최소 px을 띄우고 너비에 따라 일정 비율을 띄우고 싶다면? marginLeft 값을 calc(5% + 15px)로 설정하면 된다! ㄹ. 주의..