CSS溢出：隐藏不能在我的滑块上工作

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滚动条隐藏。但是不行。

我们如何解决？ 感谢您的关注..

好作品..

注意：这是网站，我为改善自己做了。金钱无法获得。这不是实际的工作。这是我的业余爱好。

谢谢..

Answer 1

您在CSS中设置了width:140%;