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

Question

编辑 1

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

看到最后一行的波浪形图像了吗？我正试图在#outer_middle 之外实现这一目标。

建议？

这属于原始链接。已删除网站的链接。

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

我正在尝试在 #middle 内放置一个 div 到容器外一点......

所以，我把 position:relative 放在#outer_middle 上，position:absolute 放在#diy(黑边那个)上加上 left:-90px;

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

它会影响侧边栏(粉红色列)，它位于#middle 下方，并且 diy 图像位于左侧 容器内，而不是外部。

为什么？

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

是否有可能做到这一点，让#diy 也保持在流程中？

有什么建议吗？如果我的问题不清楚，请告诉我。谢谢。

Answer 1

将您的 #outer_top 和 #top 更改为以下代码。看看这是否是您想要实现的目标:

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

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