[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

インターネットに検出された複数のコードを試してみた、上記のコードは正常に動作しますね。