首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >图像停留在CSS的左上角

图像停留在CSS的左上角
EN

Stack Overflow用户
提问于 2015-03-28 12:59:06
回答 2查看 1.3K关注 0票数 0

我有以下内联样式代码:

代码语言:javascript
运行
复制
<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的坐标可以很好地工作,我已经尝试将苹果图像的位置从固定到绝对再到相对,但没有找到任何允许我将其移动到页面中心的东西。

EN

回答 2

Stack Overflow用户

发布于 2015-03-28 13:52:45

这也让我大吃一惊,但你的问题来自于.quote课后的分号!去掉它,你的代码就能正常工作。

它应该是这样的:

代码语言:javascript
运行
复制
    .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;
    }
票数 1
EN

Stack Overflow用户

发布于 2015-03-28 14:49:48

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

删除它,然后运行代码

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29313846

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档