css 容器内 div 底部,Css：div底部的段落

试试这个：

Amazon

Image

some text here ....

Date xx/xx/xx

这个CSS：

.grid-container {

display: grid;

grid-template-columns: auto auto;

}

.grid-left {

border-bottom: 3px solid #f2f2f2;

margin-bottom: 8px;

padding-top: 4px;

padding-bottom: 4px;

}

.grid-right {

position: relative;

border-bottom: 3px solid #f2f2f2;

margin-bottom: 8px;

padding-bottom: 24px;

padding-left: 15px;

}

.grid-right p {

position: absolute;

bottom: 0;

margin-bottom: 0;

}

.sub-grid-container {

display: inline-grid;

grid-template-rows: 26px auto auto;

border-bottom: 3px solid #f2f2f2;

margin-bottom: 8px;

padding-bottom: 4px;

padding-top: 3px;

}

.grid-text {

padding-top: 10px;

font-size: 13px;

color: #505050;

}

使用position：relative设置父div

使用position：absolute设置子p

设置底部的子p：0