使用 Z-index，边距无法将 div 推离另一个答案

【问题标题】：Using Z-index, margin not working to push div away from another使用 Z-index，边距无法将 div 推离另一个
【发布时间】：2010-08-03 16:33:09
【问题描述】：

我编辑了这篇文章，我的问题以更简单易懂的方式编写。请看下文。

我正在使用的一些 CSS：

#wing_right
{
  background-image:url("../images/poppadom.png");
  height:678px;
  margin-right:-60px;
  margin-left: 500px;
  position:fixed;
  right:0;
  top:240px;
  width:387px;
  z-index:50;  
}

更容易理解的问题版本。我希望。

以下是我的网站的示意图。 -> |LW|CN|RW| LW = 左翼 CN = 内容 RW = 右翼。左翼和右翼的 CSS 非常相似。请参阅上面的 CSS，唯一的区别是图像及其附加到左翼。内容在z-index方面低于，不能被翅膀覆盖。就像非常简单的图表一样，LW 和 RW 随着浏览器调整大小而移动，这正是我想要的。但是，当您缩小浏览器窗口时，我需要一些东西来防止 LW 和 RW 覆盖内容。两个翅膀都在相同的 z-index 上，内容在较低的 z-index 上。

【问题讨论】：

标签： html css z-index layer

【解决方案1】：

较低级别的内容是固定宽度还是自动的？如果它是自动的，那听起来像是正确的行为。您可以将最小宽度应用于您不希望被左侧和右侧图像“弄脏”的图层。

【讨论】：

较低的内容级别有一个固定的宽度是的。
你能在jsfiddle.net上发布一个标记的sn-p结合CSS来显示问题吗？
我无法真正发布更多我正在为客户所做的工作，而且该工作还没有发布。我所能做的就是更多地描述它。
编辑后的问题表明内容的 z-index 低于翅膀。你为什么不改变这个，让内容在更高的 z-index 上？
好吧，内容与内容区域略有交叉，但我认为我必须在与翅膀相同的 z-index（层）上添加一个 div 并使用它。我只是认为可能有一个更优雅的解决方案。为你喝彩虽然我认为我会接受作为解决方案的解决方案，一个小的薄 div 超出了一个没有内容的区域的顶部，失败只是将一些内容移动到更高级别的不与翅膀相交的内容。

【解决方案2】：

该元素不是相对或静态定位的，因此它不是“在流中”，因此margin 不会影响任何其他 div。请发布一个完整的示例，因为这是一个非常直观的问题。

【讨论】：