负顶部问题,导致div与下面的间距问题

时间:2012-12-06 03:19:57

标签: css

所以我在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下面的任何内容,不受上述更改的影响?

1 个答案:

答案 0 :(得分:1)

top:-28px更改为margin-top: -28px,您就可以了。

http://jsfiddle.net/VeR3S/