如何在CSS中沒有垂直滾動的情況下製作水平滾動

Question

這裏是模式，我需要使ul列表左邊與水平滾動對齊，如果它超過一些寬度像460px沒有垂直滾動條在CSS中。

<div class=parentDiv> 
     <ul>   //here i need to give a horizontal scroll without vertical scroll 
      <li>content</li> // with left align 
      <li>content</li> 
      <li>content</li> 
      <li>content</li>     
      <li>content</li> .....etc 
     </ul>  
</div> 

Answer 1

給它溢出-X：滾動特性，最大寬度設置爲460像素，你應該得到一個水平滾動。我不確定你的左對齊是什麼意思。它不是左對齊嗎？

Answer 2

試試這個：

<div class=parentDiv> 
    <ul>   
     <li>content</li> 
     <li>content</li> 
     <li>content</li> 
     <li>content</li>     
     <li>content</li> 
     <li>content</li> 

    </ul>  
</div>​ 

而CSS

.parentDiv{ 
width: 300px; 
overflow-x: scroll; 

} 

.parentDiv ul{ 
width: 400px; 
border: 1px solid orange; 

} 

.parentDiv ul li{ 
display: inline; 
margin-right: 8px; 
} 

檢查我所做的小提琴：JsFiddle