.cards {
max-width: 800px;
margin: auto;
overflow: hidden;
}
.cards > .card {
margin: 10px;
box-shadow: 0 0 1px 0 gray;
overflow: hidden;
}
.cards > .card > .preview {
background: green;
overflow: hidden;
}
.cards > .card > .preview > img {
width: 100%;
z-index: 1;
display: block;
}
.cards > .card > .preview > .name {
z-index: 2;
background: rgba(0, 0, 0, 0.7);
width: 100%;
color: #fff;
bottom: 0;
left: 0;
position: absolute;
}
.cards > .card > .preview > .name > .text {
font-size: 13px;
opacity: 1;
padding: 10px;
text-align: center;
overflow: hidden;
}

Кто-нибудь может мне объснить, почему блок ".name" не закрепляется внизу блока ".preview", а вот так: ????????????

Изображение

------
47946_QuickMemo_20170722210757.png (2.1 Mb)
Скачиваний: 166

padding: 10px;

Сибирский, что?

падинг пропиши и будет счастье, ответ выше дали же

163886404, где его прописать?

Я что ванга что-ли? По твоим словам кажись тут.

.cards > .card > .preview > .name {

z-index: 2;

background: rgba(0, 0, 0, 0.7);

width: 100%;

color: #fff;

bottom: 0;

left: 0;

position: absolute;

padding: 10px;

}
________
посл. ред. 22.07.2017 в 20:41; всего 1 раз(а); by 163886404

163886404, ухх, как помогло

Изображение

------
47948_Screenshot_20170722224134.png (1.6 Mb)
Скачиваний: 172

МАТЬ ЕГО СУКА ЗА НОГУ ДА ОБ СТЕНКУ, ПОМОГИТЕ!!!

Мда