1. 程式人生 > >CSS DIV在另一個DIV底部居中

CSS DIV在另一個DIV底部居中

CSS 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>