html - 试图将图像保留在左侧

Question

我的网站 Logo 有问题。它位于左上角。在较低的分辨率下，它看起来不错。但是，在较大的分辨率下，您可以看到 Logo 向右偏移。我如何调整我的 css 使其固定在“主页”链接的左侧？

<div id="header">
    <div class="headerright">
        <a href="index.html"><img id="logo" src="img/logo.png" alt="" /></a>
        <!-- snip -->
    </div>
</div>

.headerright {
    left: 140px;
    position: absolute;
    width: 966px;
    height: 100px;
}

Answer 1

这应该可以解决!

将 .headerright 更改为:

.headerright {
    margin-left: auto;
    margin-right: auto;
    width: 966px;
    height: 100px;
}

和#nav 对此:

#nav {
    display: block;
    position: absolute;
    top: 10px;
    left: 30px;
    height: 79px;
    width: 906px;
}