css - 如何在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

试试这个:

<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;
 }

检查我制作的 fiddle :JsFiddle