在使用z索引后设置div高度

Question

如何在使用z索引特性替换另一个div后从div中删除填充。

这是基本的HTML结构：

a)主容器，height:auto

b)应该溢出的div

c)溢出div的div b)

在将c) div上移200px之后，我得到了空格。主容器具有自动高度特性，但大小保持不变。

我的问题是，在使用position/z-index属性向上移动div之后，你们如何删除多余的空间？

Answer 1

您可以使用负边距来代替定位div#c。请参阅此demo。

负边距不会改变堆叠，但可以将div#c置于div#b之上。不要忘记collapsing margins的现象。

在某些情况下，就绘画而言，你可以得出同样的结论(无论你采用什么技术)。但这条路线引出了重要的css概念：

• 通过上|右|下|左的方式在 div#c占用空间后进行偏移。因此，下面的元素(或者在您的例子中是: div#a)以这样的方式排列，这样如果它没有首先被定位。
• 定位可以创建新的堆叠上下文(结合z索引!= auto)
• 相对定位的元素创建包含块(绝对定位的子代的参考框架)
• 相对定位或多或少会被用作IE的错误修复。

Answer 2

尝试这个替换顶部：-30px；与空白处-顶部：-30px；

http://jsfiddle.net/NqphG/1/