overflow-x設(shè)置后卻只有豎向滾動怎么解決

overflow-x: auto; 所謂x 是超出x自適應(yīng) 而不是超出加滾動條

overflow-x:scroll 這個是x 加滾動條

overflow-x:hidden;

你還應(yīng)該在.cusImg下加一個div，并且設(shè)置寬度大一點，你這樣寫的是.cusImg寬度100%，超出后才滑動，但其實你那些.cus-imgItem的div寬度并沒有超出.cusImg的寬度，所以并不能橫向滾動。
改動之后的代碼為：

<div class="cusImg">
    <div class="scroll-div">
        <div class="cus-imgItem"></div>
        <div class="cus-imgItem"></div>
        <div class="cus-imgItem"></div>
        <div class="cus-imgItem"></div>
    </div>
</div>
    
.cusImg {
    width: 100%;
    height:300px;
    overflow-x: auto;
}
.scroll-div{
    width:132%;
}
.cusImg .cus-imgItem {
    float: left;
    width: 25%;
    height:300px;
    margin: 0 4%;
}

因為4個.cus-imgItem占的寬度超過100%，就會被擠到下一行去了，這樣就會出現(xiàn)縱向的滾動條了。
解決方法是在.cus-imgItem外再套一層div，這個div的寬度為4個.cus-imgItem的寬度和，然后overflow:hidden。但是這樣.cus-imgItem的寬度就不能用百分比了。

<div class="cusImg">
    <div class="inner">
        <div class="cus-imgItem item1"></div>
        <div class="cus-imgItem item2"></div>
        <div class="cus-imgItem item3"></div>
        <div class="cus-imgItem item4"></div>
    </div>
</div>

.cusImg {
    width: 100%;
    height:300px;
    overflow-x: auto;
}
.inner {
    position: relative;
    width: 1680px;
    height: 100%;
    overflow: hidden;
}
.cusImg .cus-imgItem {
    float: left;
    width: 400px;
    height:300px;
    margin: 0 10px;
}