html - このヘッダーを完全に整列させるにはどうすればよいですか？

Question

私は次のヘッダーデザインを使用しています。これはページの上部を水平方向に100％引き継ぐはずですが、右側の一部のブラウザーではカバーされません。

どうすればこれを修正できますか？

HTML：

 <header id="loop">
 <img src="/images/logo.png" height="50px" />
 </header>

CSS：

 background-color: #990000;
 height: 85px;
 margin-left: -8px;
 margin-top: -8px;
 position: relative;
 width: 101.3%;

score 2 · Accepted Answer

確かな例がなければ、わかりにくいです。

本体/ヘッダーのマージン値が次のとおりであることを確認してください。

body { margin: 0; }

また、cssに入力した幅の値を削除し、マージンをリセットします。CSSは次のようになります。

background-color: #990000;
height: 85px;
position: relative;
width: 100%;

score 0 · Accepted Answer

問題はあなたの負のマージンです-8pxの左と101.3％の幅。これは、画面の幅が615pxを超える場合にのみ全幅を埋めます。

最良のオプションは、マージンを取り除き、100％の幅を使用することです。

2 に答える 2