網格佈局，最後的單元格寬度

Question

我真的難倒了目前我正在工作的網頁。佈局是一個網格。 頁面是動態的，因此單元格（div）將隨着時間的推移而變化甚至消失。

由於最後一個單元格的位置將發生變化，我希望最後一個單元格（div）始終在包含div的其餘部分水平延伸。重點是創建一個灰色的頂部邊框。

這裏是一個鏈接，很明顯看到我想要做什麼。 http://www.tomcarden.net/ug-post.html

我認爲這很容易。我認爲如果沒有給出寬度屬性，最後一個單元格（div）自然會佔用行中的剩餘空間，但它不是（？）

此div的類是.last-cell。

我試圖使寬度：100％，但不起作用。打破了頁面。單元格清除並啓動一個新行，我試圖清除：沒有，所以它會保持浮動到左側，但沒有奏效。這不可能是那麼難...？任何人都可以藉此提供一些建議嗎？，

非常感謝。

Answer 1

相當棘手，但你可以添加以下：

.last-cell { 
    width: 100%; 
    margin-top: -153px; 
} 

的width: 100%;確實使成一排，由最後的畫面撞到，但與切緣陰性你把它備份。要保持圖像在最上面，應用：

.grid { 
    z-index: 100; 
}