CSS定位问题

Question

当然，我正在尝试用 HTML 构建一些东西。

然而，我在定位方面遇到了一些严重的问题！

我试图让网站中的元素居中，但如果不牺牲（以某种方式）控制（例如 z-index 和这些元素的宽度），我就无法做到这一点 - 在某些情况下，反之亦然。

理论上，我应该能够使某些东西居中，设置它的宽度，并设置它的 Z 索引。

有人可以帮忙吗？

Answer 1

要将某些内容居中，请将其边距设置为auto。要设置对象宽度，请设置它的 width；要设置对象的 z-index，请将其位置设置为 relative 以保持其中心位置，并相应地设置它的 z-index。

div {
    width:40%;
    position:relative;
    z-index:5;
    margin:auto;
    background-color: red;
}

示例： http://jsfiddle.net/wDzkd/