Блог

я действительно озадачен этой текущей страницей, над которой я работаю. Макет представляет собой сетку. Страница динамическая, поэтому ячейки (divs) будут смещаться или даже исчезать со временем.

Поскольку местоположение последней ячейки будет меняться, я хочу, чтобы эта последняя ячейка (div) всегда простиралась горизонтально по остальной части содержащего div. Суть в том, чтобы создать серую верхнюю границу.

вот ссылка, очевидно, чтобы увидеть, что я пытаюсь сделать. http://www.tomcarden.net/ug-post.html

я думал, что это будет легко. я думал, что последняя ячейка (div), если не указан атрибут width, естественно, займет оставшееся место в строке, но это не так (?)

класс этого div .last-cell .

я попытался сделать ширину: 100%, но это не сработало. это разрывает страницу. ячейка очищается и начинается новая строка, я попробовал очистить: нет, чтобы она оставалась плавающей слева, но это не сработало. это не может быть так сложно …?? кто-нибудь может дать несколько советов по этому поводу?,

заранее большое спасибо.

Довольно сложно, но попробуйте добавить это:

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

width: 100%; Действительно, он превратится в одну строку, задетую последним изображением, но с отрицательным запасом вы поднимаете его обратно. Чтобы сохранить изображение сверху, примените:

 .grid {
    z-index: 100;
}