Html 在所有显示器尺寸上向右移动div

所以我想让网站的标题在左边有公司的标志，然后在右边有数字和座右铭。我这样做的方式是将数字和座右铭放在一个div中，使其位置绝对，然后使用left属性将其推到正确的位置。除了在更大的显示器上，这工作正常。div似乎移动到屏幕边缘的左侧，而不是它所在的div边缘的左侧。这是密码，知道我遗漏了什么吗

<!-- HTML -->
<div id="wrap">
<img id="pic1" alt="Company Logo" src="../Images/******OfficialLogo.jpg">
<div id="contain1">
    <span class="style1">Call (800) ###-####&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><br>
    <span class="style2"><em>Providing sales and management solutions to independent retailers since 1978</em></span>
</div>

<!-- CSS stylesheet -->
#wrap {
width: 1000px;
margin: 0 auto;
}
#contain1 {
display: block;
position: absolute;
text-align: right;
top: 15px;
left: 215px;
}

打电话（800）####-#####

自1978年以来为独立零售商提供销售和管理解决方案
#包裹{
宽度：1000px；
保证金：0自动；
}
#包含1{
显示：块；
位置：绝对位置；
文本对齐：右对齐；
顶部：15px；
左：215px；
}

以下是我如何理解您的需求：

• 徽标应位于页眉的左上角。（靠着屏幕的左侧）
• 页码和座右铭应位于页眉右侧。（靠着屏幕的右侧）

如果我是正确的，那么您希望将css更改为

#wrap {
    width: 100%;
    margin: 0 auto;
}
#contain1 {
    display: block;
    text-align: right;
    float: right;
    top: 15px;
}

您可能希望标题跨越整个站点宽度

此外，在没有绝对位置的情况下浮动contain1对象也是一个好主意

---

我会使用CSS浮动来实现这一点。使用

float:left；将所有想要保留的内容放在一个div中所有你想要的内容都在一个div中，带有
float:right。调整边距/填充以适应。这里的问题是，当徽标接近文本Good call时，文本会向下跳转。您建议进行更改吗？我将我的#wrap width属性保留为固定的像素长度，而不是百分比，这样无论大小，每个显示器上的网页看起来都一样。正因为如此，我不必担心文本跳下，因为我保持距离不变。谢谢你的帮助，这就是我需要的答案。太好了！很高兴这一切成功了。你能给我的答案“答案检查”吗？或者不管它叫什么？不幸的是，有一个新问题。在chrome中，这个修复很好，但在InternetExplorer中，框架被向下推，即使我将宽度设置为100%。我需要应用什么修复程序才能使文本保持与IE中的图像相同的级别，而不会弄乱Chrome或其他浏览器的格式？