css calc1 CSS: calc 함수 calc함수를 이용하면, 인터렉티브하게 글자크기나, 배경위치 등을 좀 더 유연하게 이용할 수 있다. width를 본다면 이렇게 작성할 수 있는데, width: calc(100% - 300px); 기본적으로 100%를 갖지만 - 또는 +로 창의 크기에따라 유연하게 변한다. html에 box를 하나 만들고, calc함수를 이용하여 이렇게 작성할 수 있다. .box { position: absolute; /* 위치조정 */ left: 50%; /* 위치조정 */ transform: translateX(-50%); /* 위치조정 */ margin: 20px 0; width: calc(100% - 300px); /* calc함수 이용 */ border: 2px solid black; background-color.. 2020. 6. 12. 이전 1 다음
