0

だから私はdivでcssをフォローしています

.hdrContainer {位置:相対; 上:-28px; 左:0; z-index:1001; background-repeat:no-repeat; padding-top:35px;}

負のトップマージンを追加し、トップマージンをパディングしました。これは、このdivの背景画像をページの上部に表示し、コンテンツを押し下げてdivに正しく表示されるようにするためです。そして、これはうまく見えます。

問題は、以前は間隔がなかったこの下のdivの間に間隔が生じていることです。これは次の単純なcssを持っています。

.container { margin: 0 auto; text-align: left; width: 980px; }

したがって、マークアップは次のようになります

<div class="hdrContainer">...</div>
<div class="container">...</>

そして、負のトップを追加すると、何らかの理由でこれらのdivの間に間隔ができます。

アイデア、.hrdContainerの下にあるものを削除して、上記の変更の影響を受けないようにするにはどうすればよいですか?

4

1 に答える 1

1

に変更top:-28pxするmargin-top: -28pxと、準備完了です。

http://jsfiddle.net/VerR3S/

于 2012-12-06T03:29:19.250 に答える