html - CSS オーバーフロー:hidden がスライダーで機能しない

Question

jQueryで幅100%のスライドを作成しました。私のスライドは機能していますが、オーバーフロー x プレーンが隠れていません。私のコード;

HTML、

<div class="slide">
    <ul>
        <li><img src="inc/imj/slide/1.jpg" alt="" /></li>
        <li><img src="inc/imj/slide/2.jpg" alt="" /></li>
        <li><img src="inc/imj/slide/3.jpg" alt="" /></li>
    </ul>
    <div class="reff">
        <span class="before">
            <img src="inc/imj/before.jpg" alt="" />
        </span>
        <span class="after">
            <img src="inc/imj/after.jpg" alt="" />
        </span>
    </div>
</div>

CSS、

.slide{
    border-bottom:1px solid orange;
    height:400px;
    width:100%;
    float:left;
    width:140%;
    overflow:hidden;
}

.slide ul li img{width:1400px;height:400px;}
.slide ul li{display:inline-block;list-style-type:none;}
.slide span.before img{border-radius:40px 40px 40px 40px;}
.slide span.before img:hover{cursor:pointer;}
.slide span.after img{border-radius:40px 40px 40px 40px;}
.slide span.after img:hover{cursor:pointer;}

.slide .reff{
    width:100px;
    position:relative;
    top:-35px;
    left:-250px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

結果、

したがって、x スクロールバーはアクティブです。x スクロールバーを非表示にします。しかし、うまくいきません。

どのように解決しますか？興味を持っていただきありがとうございます..

よくやった..

注: これは自分自身を改善するために作成した Web サイトです。お金は得られませんでした。これは実際の仕事ではありません。これは私の趣味の仕事です。

ありがとうございました..

Answer 1

width:140%;CSSで設定しました