Question

我有以下内联样式代码：

<style>
.quote {
    background-color: #00FFFF;
    position: absolute;
    height: 50px;
    width: 300px;
    top: 250px;
    left: 500px;
    text-align: center;
};

#apple{
    position: absolute;
    top: 3000px;
    left: 600px;
}

#random{
    position: absolute;
    top: 500px;
    left: 500px;
}

我试图将带有苹果ID的图像移动到与其当前位置不同的位置，即位于左上角的位置。更改其他图像和div的坐标工作正常，我已经尝试将苹果图像的位置从固定更改为绝对到相对，并且找不到允许我将其移动到中心的任何东西的页面。

Answer 1

它让我惊呆了一秒钟但你的问题来自.quote课后的分号！删除它，你的代码将正常工作。

这应该是它的样子：

    .quote {
        background-color: #00FFFF;
        position: absolute;
        height: 50px;
        width: 300px;
        top: 250px;
        left: 500px;
        text-align: center;
    }

    #apple{
        position: absolute;
        top: 100px;
        left: 100px;
    }

    #random{
        position: absolute;
        top: 500px;
        left: 500px;
    }

Answer 2

您的css中存在语法错误 .quote { background-color：＃00FFFF; 位置：绝对; 身高：50px; 宽度：300px; 上：250px; 左：500px; text-align：center; };

删除此;并运行您的代码

图像停留在CSS的左上角

2 个答案: