CSS绝对定位不起作用

Question

我正在学习一些基本的 html 和 css，并试图完成绝对定位。然而，即使我相信我使用了正确的命令，我的文本也没有改变它的位置。这是我的代码。

 .content {
width:1200px;
margin: 0 auto 0 auto;

}

.post {
width:75%;
float: left;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
border-right: solid black;
border-bottom: solid black;
position:relative;

}

.date {
position: absolute;
top = 10px;
right:  = 0px;

}

    <div class = "content">
        <div class = "post">
            <h1> Hi </h1>
            <p class = "date">15 April 2025</p>
</div>
</div>

如果我的代码量不足以找到解决方案，请留下评论，我将不胜感激。

Answer 1

.date 选择器中存在语法问题。应该是:

.date {
    position: absolute;
    top: 10px;
    right: 0px;
}