1

我知道如何使用position: relative;and轻松地将 div 与 CSS 居中margin:auto;,但是我有一个应该位于所有其他 div 前面的 div - 所以我设置了z-index: 1000;and position:absolute;。如果我尝试相对,我想不出任何其他方法来将其设置在前面,position: absolute; 那么它将低于其他所有内容。我的问题是如何设置这个z-index: 1000; position: absolute;必须留在中心的 div?

我尝试left: 20%;看起来很完美,但是当它显示在更大的屏幕或小得多的屏幕上时,显然百分比不会相同。

4

3 回答 3

3

您可以执行以下两项操作之一:

  1. 给出一个固定的 % 宽度并计算居中:

position:absolute;width:60%;left:20%( 100%-60% = 40%--> 40% / 2 = 20%)

2. 使用 定位 div position:absolute;text-align:center;,并给出内部元素position:relative;display:inline-block;

于 2012-10-01T15:10:05.373 回答
2

确保你的 div 有一个宽度和高度,然后是 50% 的定位,边距是大小的负一半。例如一个 100px x 100px 的 div:

z-index: 1000; 
position: absolute;

top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px;
于 2012-10-01T15:17:52.027 回答
-1

您仍然可以z-indexposition:relativediv 上使用。只要确保所有其他z-index对象也需要有一个声明的位置。

于 2012-10-01T15:11:05.370 回答