默认布局9列

Question

我试图使用更少的框架4，和我创建这个CSS代码：

#sponsor .ristorante { 
    width: 92px; 
    float:left; 
    margin-bottom: 30px; 
} 
#sponsor .ristorante .name { 
    font-size: 14px; 
} 

和HTML文件：

<div id="sponsor"> 
    <div class="ristorante"> 
    <div class="name">RISTO1</div> 
    </div> 
    <div class="ristorante"> 
    <div class="name">RISTO2</div> 
    </div> 
    <div class="ristorante"> 
    <div class="name">RISTO3</div> 
    </div>  
    <div class="ristorante"> 
    <div class="name">RISTO4</div> 
    </div>  
    <div class="ristorante"> 
    <div class="name">RISTO5</div> 
    </div>  
    <div class="ristorante"> 
    <div class="name">RISTO6</div> 
    </div>  
    <div class="ristorante"> 
    <div class="name">RISTO7</div> 
    </div>  
    <div class="ristorante"> 
    <div class="name">RISTO8</div> 
    </div> 
    <div class="ristorante"> 
    <div class="name">RISTO9</div> 
    </div> 
    <div class="ristorante"> 
    <div class="name">RISTO10</div> 
    </div> 
</div> 

但broweser看在第一线和第一线risto 9 sericvd线！

代替，机身布局默认为宽度：896与10columns

我怎么会有十列？

谢谢！

Answer 1

元素的宽度将最后一个元素推向新行。 对于所有列，10 x 92像素宽度均为920像素。如果我正确理解你，你有896px的设置。 改变你的包装宽度为920px，你会没事的。或更改您的ristorante宽度为89px