解决导航条占宽度让内容换行了

一个背景色为粉色的父模块的高度和宽度都为200px，子模块的宽度为100px，这样一行刚好可以放下两个，高度为50px。但是，如果当出现了八个以上，也就是四行以后，由于垂直方向的滚动条的出现，会占用到父模块的宽度，一行就不能放下两个子模块了，子模块会自动换行。如图所示：

不知不觉换行了

代码：

    
    
    
    




    
123
    
321
    
123
    
321
    
123
    
321
    
123
    
321
    
123
    
321
    
123
    
321
    
123
    
321

解决方案：加一个中间层（over），比父层的宽度多大约20px（据说导航条的宽度都是20px），就可以解决了。overflow-x: hidden;能避免水平方向的导航条出现。

一行能显示两个

代码如下：

    
    
    
    




    

        
123
        
321
        
123
        
321
        
123
        
321
        
123
        
321
        
123
        
321
        
123
        
321
        
123
        
321