Question

如何从顶部绝对定位元素，但相对于两侧。

即，对象需要是Xpx。从顶部（绝对）并保持从两侧居中。

我尝试了以下CSS，但它无效。

位置：绝对;上：105px; 保证金：0自动;

谢谢。

Answer 1

如果它具有已知的固定宽度，请将margin-left设置为负宽度的一半：

#banner { position:absolute; width:400px; left:50%; margin-left:-200px }

Answer 2

我会把它放在一个有绝对定位的容器里，然后把它作为相对于它的邮件。

#container { position: absolute; top: 105px; }
#box { position: relative; margin: auto; }

然后只是：

<div id="container">
  <div id="box">
  </div>
</div>

这只是我的头脑。

Answer 3

<强> Live Demo

<style type="text/css">
div { padding: 5px; }
#outer {
    border: 1px dotted #F00;
    position: absolute;
    top: 105px;
    right: 0px;
    left: 0px;
}
#inner {
    border: 1px dotted #0F0;
    margin: 0 auto;
    text-align: center;
    width: 200px;
}
</style>

<div id="outer">
    <div id="inner">Banner</div>
</div>

在CSS中定位横幅

3 个答案: