Question

到目前为止，我有这个：

<style>
#success_notification {
position:absolute;
top:0;
width:30%;
text-align:center;
    font:20px Georgia;
    color:#5C5C5C;
    background:#F2FFED;
    padding:10px;
}

</style>

<div style="margin:0 auto;"><div id='success_notification'>TESTING.</div></div>

并且div留在左边......仍然。我究竟做错了什么？感谢。

Answer 1

您没有设置left或right，导致您的绝对定位元素默认为left为0.尝试此操作：

#success_notification {
    position: absolute;
    top: 0;
    left: 35%;
    width: 30%;
    text-align: center;
    font: 20px Georgia;
    color: #5C5C5C;
    background: #F2FFED;
    padding: 10px;
}

Answer 2

你走了。

删除位置：绝对，添加边距：自动换行，向外部div添加宽度100％。适合我。

<style>
#success_notification {
top:0;
width:30%;
margin: auto;
text-align:center;
    font:20px Georgia;
    color:#5C5C5C;
    background:#F2FFED;
    padding:10px;
}

</style>

<div style="width: 100%; margin:0 auto;"><div id='success_notification'>TESTING.</div></div>

Answer 3

试试这个：

#success_notification {
    position:absolute;
    top:0;
    left: 50%;
    width:30%;
    text-align:center;
    font:20px Georgia;
    color:#5C5C5C;
    background:#F2FFED;
    padding:10px;
}

Answer 4

......甚至：

浮动：左;

...或：

浮动：右

这适用于所有浏览器

使用CSS将DIV粘贴在TOP和中间

4 个答案: