使用z-index适当后设置div高度

Question

如何在使用z-index propriety替换另一个div后从div中删除填充。

这是基本的HTML结构：
a）主要容器height:auto
b）应该溢出的div c）div溢出div b）

移动c）div为200px后，我得到空的空间。主容器具有自动高度适当性，但尺寸保持不变 我的问题是你们如何在使用位置/ z指数属性移动div之后删除多余的空间

Answer 1

试试这个替换顶部：-30px; margin-top：-30px;

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

Answer 2

您可以使用负边距而不是定位div＃c。请参阅此demo。

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

在某些情况下，就绘画而言，你可以达到相同的结论（无论你采用什么技术都无关紧要）。但这条路线引领着重要的CSS概念：

• 通过top | right | bottom | left，在 div #c占用空间后执行偏移。因此，以下元素（或在您的情况下：div #a）以这样的方式排列，如果它没有首先被定位。
• 定位可以创建新的堆叠上下文（与z-index！= auto相结合）
• 相对定位的元素会创建一个包含块（对于绝对定位的后代的参考框架）
• 相对定位或多或少有意识地用作IE的错误修正。