css - 绝对定位div从网页中心定位

Question

我有一个 site顶部有一个绝对定位的标志 div。它的父级是一个宽度为 100% 的相对 div。

我设法通过下一个代码获得我的position:absolute div:

CSS:

position:absolute; 
top:0; 
left:50%;
margin-left:-455px; 
background:url('http://www.anylivery.com/wp-content/themes/ugrb/images/logo.png'); 
width:206px;
height:99px;
z-index:999;

但是我遇到了问题:当浏览器窗口宽度小于站点宽度时， Logo 开始移动到屏幕左侧。

我的问题:

如何将我的 div 绝对定位到网站页面的中心，换句话说，我需要将我的 Logo 定位在距网站中间 X px 的位置...

Answer 1

您网站上的#headlogo 元素的父元素是#wrapper，它没有相对定位。

因此你应该添加

#wrapper{
    position: relative;
}

或者将#headlogo放在相对定位的#header元素中。