如何強制水平滾動條出現？

Question

考慮following code：

HTML：

<div id="wrapper"> 
    <div class='a'></div> 
    <div class='a'></div> 
    <div class='a'></div> 
    <div class='a'></div> 
    <div class='a'></div> 
</div> 

CSS：

#wrapper { 
    width: 300px; 
    border: 1px solid black; 
    overflow: auto; 
} 
.a { 
    width: 70px; 
    height: 70px; 
    border: 1px solid red; 
    float: left; 
} 

我怎麼能強迫水平滾動條出現，而不是顯示紅色div的第二行？

Answer 1

試試這個：

#wrapper { 
    width: 300px; 
    border: 1px solid black; 
    overflow: auto; 
    white-space: nowrap; 
} 
.a { 
    width: 70px; 
    height: 70px; 
    border: 1px solid red; 
    display: inline-block; 
} 

它會給你內在的div之間的間距 - 把他們都在一個行刪除這些文件。