疑似要素::水平スクロールバーを発生させる前

Question

水平スクロールバーを削除する際に問題があります。サイジングとポジショニングの権利を使ってデザインをセットアップしましたが、イメージ要素のトリックが隠される前にオーバーフローが欲しいだけです。

あなたは私がここで何を意味するか見ることができます： http://192.99.37.125/~uptownlounge/

私はオーバーフロー-Xを追加してみました：隠されました;身体の要素に、しかしそれは携帯電話で台無しになる。他のアイデア？

Answer 1

このセレクタで、モバイルデバイスのためのwidth:100%;を使用してください：#dots-dark::before{}

はその後overflow問題が修正されます。

#dots-dark::before { 
    background-color: transparent; 
    background-image: url("https://s3.amazonaws.com/webdiner/dots-red-top-arrow.png"); 
    background-position: top center; 
    background-repeat: no-repeat; 
    background-size: auto; 
    position: absolute; 
    content: " "; 
    height: 131px; 
    display: inline; 
    width: 100%; 
    left: 127%; 
    top: -131px; 
    margin-left: -804px; 
}