html - 使用 z-index 属性后设置 div 高度

Question

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

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

将 c) div 向上移动 200 像素后，我得到了空白空间。主容器具有自动高度属性，但它保持相同的大小。
我的问题是你们如何在使用 position/z-index proprieties 移动 div 后删除额外的空间

Answer 1

您可以使用负边距代替定位 div#c。看这个demo .

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

在某些情况下，就绘画而言，您可以得出相同的结论(无论您采用何种技术)。但是路线沿着重要的 css 概念引导:

• 通过top|right|bottom|left 在div#c 占用空间后执行偏移。因此，以下元素(或在您的情况下为:div#a)以这样的方式排列，如果它不是首先被定位的话。
• 定位可以创建一个新的堆叠上下文(结合 z-index != auto)
• 相对定位的元素创建一个包含 block (绝对定位的后代的引用框架)
• 相对定位或多或少被有意用作 IE 的错误修复。