以绝对定位居中 div答案

【问题标题】：Centering a div with absolute positioning以绝对定位居中 div
【发布时间】：2012-03-28 12:27:55
【问题描述】：

我知道这可能已经被问了一百万次了，但是我如何将具有绝对定位的 div 居中。

我试过了，但它没有居中。

您可以查看本站here密码：springy88

#logo{ position:absolute; width:243px; left: 50%; margin-left: 121.5px; }

【问题讨论】：

【解决方案1】：

居中 div 很容易，因为您知道 div 的宽度和高度。假设你的 div 有 100width 和 100 Height

div {
    position:absolute;
    left:50%;
    top;50%;
    margin-left:-50px;
    margin-top:-50px;
}

如果您不确定尺寸，那么您可能可以使用 jquery 方法。

【讨论】：

【解决方案2】：

您需要使用negative margins - margin-left:-121px。这将使徽标居中。之后，您需要正确定位导航...

【讨论】：

【解决方案3】：

您可以将 % 值设置为 50% 的一半，即：左：25% 或右：25%；提供的包装器是元素宽度的两倍。

【讨论】：