当前位置:  开发笔记 > 编程语言 > 正文

中心绝对div在另一个div中

如何解决《中心绝对div在另一个div中》经验,为你挑选了1个好方法。

有没有办法将一个绝对div放在他的父母居中,并在z-index的内容之上?

父母的大小未知.绝对div应该覆盖内容.



1> Bruno Lesieu..:

将div垂直和水平居中的简单方法如下:

.container {
	position: relative;
	width: 100px; /* not part of solution */
	height: 100px; /* not part of solution */
	background-color: #808; /* not part of solution */
	border-radius: 50%; /* not part of solution */
}
.content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center; /* not part of solution */
}
I'm absolutly centered
推荐阅读
手机用户2402852387
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有