关于前端:DIV在另一个DIV底部居中

父布局div增加css： 

position: relative;

子布局div增加css： 

position: absolute;bottom: 0;left: 50%;transform: translate(-50%, -50%);

代码如下：

<div style="min-height: 360px;position:relative;">    <div         style="            position: absolute;            bottom: 0;            left: 50%;            transform: translate(-50%, -50%); ">    </div><div>

程度居中

.hor_center {    margin: 0 auto;}

程度垂直居中

<div class="content"></div>.content {          width: 360px;          height: 240px;}.ver_hor_center {          position: absolute;          top: 50%;          left: 50%;          margin-left: -180px; /*要居中的div的宽度的一半*/          margin-top: -120px; /*要居中的div的高度的一半*/}

div置于底部(footer)，始终固定在页面底部

.bottom_footer {    position: fixed; /* or后面的是absolute就能够用 */    bottom: 0px;}

作者：曌敏郡主
链接：https://juejin.cn/post/688786...
起源：稀土掘金