网格布局，最后单元格宽度

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;
}