참고: 인기 워드프레스 테마인 아바다X 테마, BE 테마가 39달러로 할인 중입니다.

현재 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

인터넷에 검색되는 여러 가지 코드를 시도해봤는데, 위의 코드가 잘 작동하네요.

떠나시기 전에 아무 댓글(Comments)이라도 남겨두세요.