图像不在正确位置简单HTML CSS

我试图在我的标题中添加一个facebook图像，但是有什么东西正在将facebook图像推到屏幕的最右边。应该是这样的：

但是，在我当前的css中，它看起来是这样的： 你知道为什么吗？我还在学习正确的技巧。我从我的photoshop设计中复制了很多CSS。

@charset“utf-8”；
/*CSS文档*/
.阿塞姆{
背景图片：url（“ASE_large.png”）；
位置：绝对位置；
左：721px；
顶部：77px；
宽度：173像素；
高度：65px；
z指数：61；
}
纳达洛戈先生{
背景图片：url（“NADAlogo.png”）；
位置：绝对位置；
左：916px；
顶部：77px；
宽度：245px；
高度：65px；
z指数：62；
}
五颗星{
背景图片：url（“5stars.png”）；
位置：绝对位置；
左：1453px；
顶部：97px；
宽度：139px；
高度：26px；
z指数：59；
}
.if_facebook_834722{
背景图片：url（“if_facebook_834722.png”）；
位置：相对位置；
左：1183px；
顶部：88px；
宽度：45px；
高度：44px；
z指数：65；
}
导航{
宽度：100%；
背景：193441；
边框：1px实心#465d65；
边界权：无；
位置：绝对位置；
左：-4px；
顶部：146px；
z指数：66；
}
导航ul{
溢出：隐藏；
保证金：0；
填充：0；
}
李国荣{
列表样式：无；
浮动：左；
文本对齐：居中；
左边框：1px实心#465d65；
右边框：1px实心#ccc；
宽度：25%；
/*非-calc（）浏览器的回退*/
宽度：计算值（100%/4）；
框大小：边框框；
}
导航ulli a：悬停{
背景：-webkit线性梯度（rgba（25,25,25,1），rgba（1261581730.5），rgba（255,255,255,0.5））；
/*适用于Safari 5.1至6.0*/
背景：-o-线性梯度（rgba（25,25,25,1），rgba（126,158,173,0.5），rgba（255,255,255,0.5））；
/*歌剧11.1至12.0*/
背景：莫兹线性梯度（rgba（25，25，25，1），rgba（126，158，173，0.5），rgba（255，255，255，0.5））；
/*适用于Firefox 3.6至15*/
背景：线性梯度（rgba（25,25,25,1），rgba（1261581730.5），rgba（255,255,255,0.5））；
/*标准语法（必须是最后一个）*/
}
nav ul li a：激活{
背景：-webkit线性梯度（顶部，rgba（255,0,0,0），rgba（255,0,0,1））；
/*适用于Safari 5.1至6.0*/
背景：-o-线性梯度（顶部，rgba（255,0,0,0），rgba（255,0,0,1））；
/*歌剧11.1至12.0*/
背景：-moz线性梯度（顶部，rgba（255,0,0,0），rgba（255,0,0,1））；
/*适用于Firefox 3.6至15*/
背景：线性梯度（到底部，rgba（255,0,0,0），rgba（255,0,0,1））；
/*标准语法（必须是最后一个）*/
}
李海军：第一个孩子{
左边界：无；
}
海军ulli a{
显示：块；
文字装饰：无；
颜色：#ffffff；
字体系列：“Helvetica Neue”，Helvetica，Arial，“无衬线”；
填充：10px0；
}

高科技汽车销售

定位css同时应用于您的

标记和它包含的

，因为它们都具有相同的类。使用

顶部

和

左侧

属性定位

，但是

在该属性中被等量偏移

您可能希望使用不同的类，以便可以分别处理它们的位置

---

Html不是我的主要领域，但我认为一般来说，以这种方式使用绝对定位被认为是一个坏主意。。。例如，如果您的任何图像大小发生变化，并且无法很好地扩展到手机大小，则需要重写。但是现在，希望这能起到快速修复的作用。

定位css将同时应用于您的

标记和它包含的

，因为它们都具有相同的类。使用

顶部

和

左侧

属性定位

，但是

在该属性中被等量偏移

您可能希望使用不同的类，以便可以分别处理它们的位置

---

Html不是我的主要领域，但我认为一般来说，以这种方式使用绝对定位被认为是一个坏主意。。。例如，如果您的任何图像大小发生变化，并且无法很好地扩展到手机大小，则需要重写。但是现在，希望这能起到快速修复的作用。

如果从包装facebook图像的

a

链接中删除类

if\u facebook\u 834722

，并将图像的CSS规则中的

位置：相对

更改为

位置：绝对

，似乎就足够了（

。if\u facebook\u 834722

）-请参阅下面的代码片段

@charset“utf-8”；
/*CSS文档*/
.阿塞姆{
背景图片：url（“ASE_large.png”）；
位置：绝对位置；
左：721px；
顶部：77px；
宽度：173像素；
高度：65px；
z指数：61；
}
纳达洛戈先生{
背景图片：url（“NADAlogo.png”）；
位置：绝对位置；
左：916px；
顶部：77px；
宽度：245px；
高度：65px；
z指数：62；
}
五颗星{
背景图片：url（“5stars.png”）；
位置：绝对位置；
左：1453px；
顶部：97px；
宽度：139px；
高度：26px；
z指数：59；
}
.if_facebook_834722{
背景图片：url（“if_facebook_834722.png”）；
位置：绝对位置；
左：1183px；
顶部：88px；
宽度：45px；
高度：44px；
z指数：65；
}
导航{
宽度：100%；
背景：193441；
边框：1px实心#465d65；
边界权：无；
位置：绝对位置；
左：-4px；
顶部：146px；
z指数：66；
}
导航ul{
溢出：隐藏；
保证金：0；
填充：0；
}
李国荣{
列表样式：无；
浮动：左；
文本对齐：居中；
左边框：1px实心#465d65；
右边框：1px实心#ccc；
宽度：25%；
/*非-calc（）浏览器的回退*/
宽度：计算值（100%/4）；
框大小：边框框；
}
导航ulli a：悬停{
背景：-webkit线性梯度（rgba（25,25,25,1），rgba（1261581730.5），rgba（255,255,255,0.5））；
/*适用于Safari 5.1至6.0*/
背景：-o-线性梯度（rgba（25,25,25,1），rgba（126,158,173,0