問題與負面的頂部，導致間距問題與div的低於

Question

因此，我有一個div上的css

.hdrContainer {position：relative;頂部：-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不受上述變化的影響？

Answer 1

更改top:-28px到margin-top: -28px，你很好去。

http://jsfiddle.net/VeR3S/