현재 DIV 요소의 좌우로 확장하여 배경색을 추가해야 하는 경우가 간혹 있습니다. 이런 경우 CSS로 해결이 가능합니다.
우선 다음과 같은 CSS 코드를 시도해보시기 바랍니다.
::before { background: #facf04; // 또는 background-color: #facf04; }
이 코드가 잘 작동하지 않으면 다음과 비슷한 코드를 시도해보면 아마 잘 될 것입니다.
::before { content: ""; position: absolute; top: 0; bottom: 0; left: -9999px; /* right: -9999px; */ right: 0; background-color: #facf04; } // Source: css-tricks.com
인터넷에 검색되는 여러 가지 코드를 시도해봤는데, 위의 코드가 잘 작동하네요.
댓글 남기기