使用css将绝对div居中

Question

我总是使用JQuery水平居中div，但这次我正在做一个没有任何JQuery或Javascript支持的项目。

所以我想只使用css并且没有标签来确保div的居中。

P.S：div具有z-index和绝对位置。

提前致谢，

Answer 1

http://jsfiddle.net/CRhbF/

仅当您知道绝对定位的居中元素的尺寸时才会有效。

Answer 2

如果您使用绝对定位，请使用属性“left：50％;”和“margin-left”的负值等于div宽度的一半。所以，例如：

#div {
width: (desired width);
left: 50%;
margin-left: -(half of the width of the div);
position: absolute;

}

Z-index对中心并不重要。如果你在div的顶部放置了更多的Z-index值，那么div就会隐藏在它们下面。