ディビジョンのDivop On Top Marginなし

divの下にあるdivの位置に影響を与えずに、ページの先頭からdivを配置するにはどうすればよいですか？つまり、私のページの上部に沿って走るnav div（マージン0pxを上から）があります。私はまた、上から100pxの位置にあるラッパーdivを持っています。 nav div 10pxを上から移動すると、ラッパーdivが上から110pxにプッシュされます。私はこれが起こることを望んでいない。私は絶対的なポジショニングを使いたくありません。ディビジョンのDivop On Top Marginなし

HTML

<body> 
    <div id="nav"></div> 
    <div id="wrapper"></div> 
</body>

CSS

#nav { 
height: 69px; 
width: 1000px; 
margin-right: auto; 
margin-left: auto; 
} 

#wrapper { 
height: 775px; 
width: 1000px; 
margin-right: auto; 
margin-left: auto; 
margin-top: 100px; 
}

ありがとう！

出典

2012-03-15 Ibanez

何？ –

#nav { 
    position:relative; 
    top: 10px; 
}

出典

2012-03-15 19:03:04 HerrSerker

私は相対的な試みをしましたが、それでもdivを下に移動します。 – Ibanez

それからあなたのHTML/CSSに何かがあります。それ以上のコード？または私たちが見ることができるリンク？ – HerrSerker

@ Ibanezいいえ、それはhttp://jsfiddle.net/2uHtA/ – HerrSerker

ラダーdivに負のマージンを使用します。これは、nav divに設定したものと同じです。相対的な位置について

#wrapper { margin-top: -10px; }

出典

2012-03-15 19:00:14 mikevoermans

投稿への全体のポイントは以下のdivに影響を与えませんでした。補償しない。 – Ibanez

ディビジョンのDivop On Top Marginなし

答えて

関連する問題