当前位置: 首页 > Web前端 > HTML

DIV居中在另一个DIV的底部

时间:2023-03-29 10:50:01 HTML

parentlayoutdivaddcss:position:relative;子布局div添加css:position:absolute;底部:0;左:50%;转换:翻译(-50%,-50%);代码如下:

horizo??ntallycentered.hor_center{margin:0auto;}水平和垂直居中
.content{width:360像素;高度:240px;}.ver_hor_center{位置:绝对;顶部:50%;左:50%;左边距:-180px;/*div宽度的一半要居中*/margin-top:-120px;/*div高度的一半要居中*/}div放在底部(页脚)并始终固定在页面底部。bottom_footer{位置:固定;/*或者如果前面是绝对的,可以用*/bottom:0px;}:昭敏公主链接:https://juejin.cn/post/688786...来源:稀土掘金