css3 - 如何出現橫向捲軸？

Question

想請問一下
我撈資料在網頁上顯示
假設大小是300x200
我希望撈出來的資料能一直往右擺
然後當超出瀏覽器大小時出現橫向x軸 且不出現y軸

overflow-x:auto;
overflow-y:hidden;

如同itunes app store那樣
這該怎麼做呢？
我試了他都不出現x軸

overflow:scroll;
    overflow-Y:hidden;
    

這樣是有出現
只是我的撈出來的資料沒有顯示完全
如何讓撈出來的資料無限制的往右擺？
我每個p都是300x200

Answer 1

这种样子知道是不是你想要的呢

<p>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</p>

css*

p{
    width: 300px;
    height: 200px;
    overflow: scroll;
}
ul{
    width:2000px; //设成ul内所有元素宽度总和
}
li{
    width: 200px;
    height: 100px;
    float: left;
}

Answer 2

那就把p的宽设置多些