html - 左側に含まれる画像を保持しようとしています

Question

サイトのロゴに問題があります。左上隅にあります。より低い解像度では、問題なく表示されます。ただし、より高い解像度では、ロゴが右にずれていることがわかります。「ホーム」リンクのすぐ左側に、これを固定するように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しposition: relative;て追加margin: 0 auto;

下記参照：

.headerright {
    position: relative;
    margin: 0 auto;
}

次に、ロゴを少し左に移動したい場合は、これを に追加し#logoます。

#logo {
    margin-left: -60px;
}