[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

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


댓글 남기기

* 이메일 주소는 공개되지 않습니다.