CSS to stretch background color outside div

[CSS] DIV 경계 밖으로 배경색을 확장하는 방법

현재 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)이라도 남겨두세요.
기부를 통해 이 블로그의 운영을 후원하실 수 있습니다.