如何强制水平滚动条出现？

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之间的间距 - 把他们都在一个行删除这些文件。