Question

我正在尝试使用LESS框架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>

但是在浏览器中看到第一行的9 risto和seconvd行的一个risto！

相反，body layout默认为width：896 with 10columns

我怎么能有十列??

谢谢！

Answer 1

元素的宽度将最后一行推向新行。对于所有列，10 x divs @ 92px宽度均为920px。如果我理解正确你有896px设置。将您的包装宽度更改为920px，您就可以了。或者将ristorante宽度更改为89px

具有9列的默认布局

1 个答案: