无法将水平列出的ul水平溢出（并滚动）-Cannotgethorizontally-listedultooverflowhorizontally(andscroll)

I'm trying to get an unordered list to be listed out horizontally (accomplished with float:left), but it refuses to overflow horizontally. Instead, it automatically overflows in the next line (furthermore, even with overflow-y:none, it creates a vertical scrollbar automatically. Any ideas?

我试图将一个无序列表水平列出（用float：left完成），但它拒绝水平溢出。相反，它会自动溢出下一行（此外，即使使用overflow-y：none，它也会自动创建一个垂直滚动条。任何想法？

    

        

            
element 1
            
element 2
            
element 3
            
element 4
            
element 5
            
element 6
            
element 7
        
    

1 个解决方案

ul {
    width: 400px;
    overflow-x: scroll;
    background: #ccc;
    white-space: nowrap
}

li {
    display: inline-block;

    /* if you need ie7 support */
    *display: inline;
    zoom: 1
}