html - 使用 CSS 在顶部和中间放置一个 DIV

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;
}