css - 如何将内部容器移到外部容器之外？

Question

编辑 1

已使用 jsfiddle 链接进行了更新。http://jsfiddle.net/DrFSV/

看到最后一行的波浪形图像了吗？我正试图在#outer_middle 之外采取行动。

建议？

这与原始链接有关。已删除网站的链接。

我有一个名为#outer_middle 的div 容器，在其中，我还有另外两个名为#middle 和#sidebar 的容器。

我试图让#middle 里面的 div 在容器外面有点......

所以，我把位置：相对于#outer_middle，位置：绝对到#diy（带有黑色边框的那个）加上left：-90px;

（根据我的理解，如果你试图让一个内部容器移动到它的外部容器之外，你需要像这样放置相对和绝对定位）。

它影响侧边栏（粉红色列），位于#middle 下方，diy 图像位于容器内部的左侧，而不是外部。

为什么？

如何让#diy 移到容器的左侧？

是否有可能这样做以使#diy 也保留在流程中？

请给点建议好吗？如果我的问题不清楚，请告诉我。谢谢。

Answer 1

如果我正确理解您的问题，您的元素似乎#diy已经在容器的左侧，正如您所说的那样，它不是“外部”。

尝试调整z-index#diy 元素的CSS 属性。具有较大 z-index 的元素比具有较低 z-index 的元素放置在页面上“更高”。为了确保#diy它会在顶部，添加一个 99 的 z-index：

z-index: 99;

到 CSS。

Answer 2

#outer_top将您的and更改#top为下面的代码。看看这是否是您要实现的目标：

#outer_top {
  background-color: red;
  width: 1000px;
  margin: 0 auto;
}

#top {
  margin: 0 0 0 -90px;
  width: 500px;
  background-color: pink;
  height: 100px;
}

Answer 3

似乎如果您将 #outer_middle 的溢出设置为可见（或者，只需将其删除），您就会得到您想要的结果。