默認佈局9列

我試圖使用更少的框架4，和我創建這個CSS代碼：默認佈局9列

#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

我怎麼會有十列？

謝謝！

來源

2011-09-20 jack.cap.rooney

元素的寬度將最後一個元素推向新行。對於所有列，10 x 92像素寬度均爲920像素。如果我正確理解你，你有896px的設置。改變你的包裝寬度爲920px，你會沒事的。或更改您的ristorante寬度爲89px

來源

2011-09-20 15:58:18 rlemon

我改變了餐廳到89px，一切都好！但如果比我嘗試喲改變896px與w252px（移動佈局：320px - 水槽：24px。 - 外邊距：34px。）我只看到兩列，而不是3列！你怎麼看？ –

玩弄數學。這是一個簡單的問題：你有一個固定寬度的容器，並且你正試圖將多個項目放入其中，***可能導致元素堆疊。如果你真的不想堆疊，不要定義容器的寬度。或者設置'white-space：nowrap;溢出：可見' – rlemon

我如何使用「少框架」來獲得預期的列數，取決於我連接的設備？我需要創建10個div並根據佈局分佈在一個或多個行上 –

回答

相關問題