CSS 多余內(nèi)容向左滑動(dòng)是一種很常見的技巧，它可以幫助我們解決當(dāng)內(nèi)容寬度超出容器寬度時(shí)，導(dǎo)致內(nèi)容被隱藏的問題。

常見的應(yīng)用場(chǎng)景是在展示圖片、視頻等多媒體內(nèi)容時(shí)，當(dāng)寬高比例不符合要求或者容器大小不夠時(shí)，就會(huì)出現(xiàn)圖片被截?cái)嗷虮豢s小的情況。這時(shí)候，我們可以通過使用多余內(nèi)容向左滑動(dòng)的技巧，來完整展示我們的內(nèi)容。

實(shí)現(xiàn)方式非常簡(jiǎn)單，只需在 CSS 樣式中加上 overflow-x:scroll;white-space:nowrap; 即可。這個(gè)樣式告訴瀏覽器，當(dāng)內(nèi)容寬度超出容器寬度時(shí)，可以在 X 軸方向上滾動(dòng)，并且不要換行。

.outer-container{
overflow-x:scroll;
white-space:nowrap;
}
.inner-container{
display:inline-block;
}

上面的代碼示例中，使用了兩個(gè)容器來實(shí)現(xiàn)多余內(nèi)容向左滑動(dòng)的效果。outer-container 為最外層容器，設(shè)置了 overflow-x:scroll 和 white-space:nowrap；inner-container 為內(nèi)層容器，設(shè)置了 display:inline-block。

最后，我們只需要在 inner-container 中添加需要展示的內(nèi)容，就可以實(shí)現(xiàn)多余內(nèi)容向左滑動(dòng)效果了。