CSS 背景色をdivの高さより小さくする

.bg {
position: relative;
&:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80%;
background-color: #ccc;
z-index: 0;
}
}

擬似要素側に背景色を設定すればサイズ自由自在。