在下面的示例中，#logo定位绝对，我需要将其水平居中#header。通常，我会margin:0 auto为相对定位的元素执行a操作，但是我会停留在这里。有人可以给我指路吗？
JS小提琴：http：//jsfiddle.net/DeTJH/
的HTML
<div id="header">
<div id="logo"></div>
</div>
的CSS
#header {
background:black;
height:50px;
width:100%;
}
#logo {
background:red;
height:50px;
position:absolute;
width:50px
}
如果要在左属性上居中对齐。
对于顶部对齐，同样可以使用margin-top：（div的width / 2），其概念与left属性相同。
将标头元素设置为position：relative很重要。
尝试这个：
#logo {
background:red;
height:50px;
position:absolute;
width:50px;
left:50%;
margin-left:-25px;
}
如果您不想使用计算，可以执行以下操作：
#logo {
background:red;
width:50px;
height:50px;
position:absolute;
left: 0;
right: 0;
margin: 0 auto;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句