1

ボディのコンテンツ全体を含むサイトのラッパー div を作成しましたが、何らかの理由で、ラッパー div の上に余分な空白があります。なぜこれが起こっているのか正確にはわかりません。body とラッパー div の両方にゼロ パディングとゼロ マージンを設定します。

<body onload="init()" style="margin:0px; padding:0px;">
<div id="wrapper" style="background-color:#000000; margin:0px; padding:0px;">
<div id="pagecontent">
<nav id="navlogo" style="margin:10px;">Some Navigation Stuff
</nav></div></div></body>

(Page Content Div は、Web ページのすべての要素を保持し、それらを中央に配置します。) ページ コンテンツ用に次の CSS もあります。

#pagecontent
{
margin: 0px auto;
width: 1044px;
box-shadow:inset 0px 0px 15px black;
background-color:#000000;
}

ラッパー div で -10px の負のマージンを使用してみましたが、うまくいきました。それがこの空白を取り除く唯一の方法ですか？

4

1 に答える 1

2

<nav id="navlogo" style="margin:10px;">

この余白には margin-top:10px が含まれています - これが問題です。 margin:10px;=margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px;

これを回避するには、次のように変更できます。

margin:10px;margin-top:0;

または、ナビゲーションバーを一番上に移動するには、次のように変更margin:10px;しますpadding:10px;

于 2012-12-15T04:14:28.397 に答える