Html 将徽标放置在div的右上方

为什么我的徽标没有出现在我的div的右上方

。服务标题{
宽度：100%；
字体大小：24px；
线高：1.1米；
填充：1em；
背景位置：右上角；
背景：橙色；
背景图像：url（'http://vectorlogo.biz/wp-content/uploads/2013/01/GOOGLE-VECTORLOGO-BIZ-128x128.png');
背景重复：无重复；
}

使用以下命令：

.service-title {
    width: 100%;
    font-size: 24px;
    line-height: 1.1em;
    padding: 1em; 
    background:orange;
    background-image:url('http://vectorlogo.biz/wp-content/uploads/2013/01/GOOGLE-VECTORLOGO-BIZ-128x128.png');
    background-repeat:no-repeat;
    background-position: right top;
}

使用以下方法：

.service-title {
    width: 100%;
    font-size: 24px;
    line-height: 1.1em;
    padding: 1em; 
    background:orange;
    background-image:url('http://vectorlogo.biz/wp-content/uploads/2013/01/GOOGLE-VECTORLOGO-BIZ-128x128.png');
    background-repeat:no-repeat;
    background-position: right top;
}

---

之所以发生这种情况，是因为您正在用

background

速记覆盖

background位置

属性

说明： 背景说明：

它的手写体的初始值的串联 属性：
背景图像：无
背景位置：0% 0%
背景大小：自动
背景重复：重复
背景来源：填充框
背景样式：本身就是一个 简写来说，它的初始值是它自己的手写体的串联 属性
背景剪辑：边框框
背景颜色： 透明的

（来源：）

因此，当您在CSS中设置

background:orange

（在

background-position

之后）时，它隐式地给出

background-position:0%0%因此它会覆盖您的背景位置声明

解决方案：
您需要将
background position
属性放在
background
速记之后，这样它就不会被覆盖：


。服务标题{
字体大小：24px；
线高：1.1米；
填充：1em；
背景：橙色；
背景位置：右上角；
背景图像：url（'http://vectorlogo.biz/wp-content/uploads/2013/01/GOOGLE-VECTORLOGO-BIZ-128x128.png');
背景重复：无重复；
}
发生这种情况是因为您正在用
背景
速记覆盖
背景位置
属性

说明：
背景说明：

它的手写体的初始值的串联
属性：
背景图像：无
背景位置：0%
0%
背景大小：自动
背景重复：重复

背景来源：填充框
背景样式：本身就是一个
简写来说，它的初始值是它自己的手写体的串联
属性
背景剪辑：边框框
背景颜色：
透明的

（来源：）

因此，当您在CSS中设置
background:orange
（在
background-position
之后）时，它隐式地给出
background-position:0%0%因此它会覆盖您的背景位置声明

解决方案：
您需要将
background position
属性放在
background
速记之后，这样它就不会被覆盖：


。服务标题{
字体大小：24px；
线高：1.1米；
填充：1em；
背景：橙色；
背景位置：右上角；
背景图像：url（'http://vectorlogo.biz/wp-content/uploads/2013/01/GOOGLE-VECTORLOGO-BIZ-128x128.png');
背景重复：无重复；
}
您的
背景：橙色线路越过
背景位置
。这是因为
background
是定义所有其他背景属性的速记属性，例如大小、颜色、图像，当然还有位置。这是你的电话号码
文章

将
background
更改为
background color
或将其置于
背景位置之前


。服务标题{
宽度：100%；
字体大小：24px；
线高：1.1米；
填充：1em；
背景位置：右上角；
背景颜色：橙色；
背景图像：url（'http://vectorlogo.biz/wp-content/uploads/2013/01/GOOGLE-VECTORLOGO-BIZ-128x128.png');
背景重复：无重复；
}
您的
背景：橙色线路越过
背景位置
。这是因为
background
是定义所有其他背景属性的速记属性，例如大小、颜色、图像，当然还有位置。这是你的电话号码
文章

将
background
更改为
background color
或将其置于
背景位置之前


。服务标题{
宽度：100%；
字体大小：24px；
线高：1.1米；
填充：1em；
背景位置：右上角；
背景颜色：橙色；
背景图像：url（'http://vectorlogo.biz/wp-content/uploads/2013/01/GOOGLE-VECTORLOGO-BIZ-128x128.png');
背景重复：无重复；
}
但它应该在右手边，为什么不在右手边？有什么帮助吗？谢谢@akz，但是，我仍然不知道为什么它是左对齐的&而不是右对齐的。你找到帮助你解决问题的答案了吗？它应该在右边，为什么不是？有什么帮助吗？谢谢@akz，但是，我仍然不知道为什么它是左对齐的&不是右对齐的。你找到帮助你解决问题的答案了吗？谢谢！奇怪的是，我用IE试过这个，但没用。现在它有了：-）@michaelmcgurk你从中学到了什么吗？还是你只是复制粘贴代码？通常情况下，最好给出一个解释解决方案的答案，不是吗？@Billy Yep，我了解到声明的顺序会影响所需的输出。@michaelmcgurk如何？他一点也没解释谢谢你！奇怪的是，我用IE试过这个，但没用。现在它有了：-）@michaelmcgurk你从中学到了什么吗？还是你只是复制粘贴代码？通常情况下，最好给出一个解释解决方案的答案，不是吗？@Billy Yep，我了解到声明的顺序会影响所需的输出。@michaelmcgurk如何？他根本没有解释