定位相对行为

时间:2014-03-21 08:13:39

标签: html css position css-position relative

在过去的几天里,我不得不为网站制作一个模型。该网站非常简单,但我遇到了一个小问题:

我需要制作一个中央div,以溢出页面顶部的一个大滑块。为了达到这个目的,我使用了position relative。问题是,现在,div和页脚之间有很多空白,因为dom反映了我的中心div的原始位置。所以,我使用了一个糟糕但快速的解决方案,给出了相同的位置:页脚的相对值。显而易见,现在空间位于页面底部。

以下是问题的简单草图:

JSFiddle

使用postion相对值时如何避免此问题?

1 个答案:

答案 0 :(得分:1)

这是解决这个问题的简单方法:

添加:

margin-bottom: -35px;

div.footer

编辑:

或者,您也可以删除

position: relative;
top:-35px;

来自div.footer,然后添加

margin-bottom: -35px;

div.group