修改1
使用jsfiddle链接进行了更新。 http://jsfiddle.net/DrFSV/
查看最后一行中的波浪图像?我试图在#outer_middle之外移动。
么?
这与原始链接有关。删除了网站的链接。
我有一个名为#outer_middle的div容器,在其中,我还有另外两个名为#middle和#sidebar的容器。
我想在#middle里面有一个div在容器外面... ...
所以,我把位置:相对于#outer_middle,将position:absolute添加到#diy(带黑色边框的那个)加上左边:-90px;
(根据我的理解,如果你试图让一个内部容器移动到它的外部容器之外,你需要像这样放置相对和绝对定位)。
它影响侧边栏(粉色列),它位于#middle下方,diy图像位于容器内的左侧,而不是外部。
为什么呢?
如何将#diy移动到容器外的左侧?
是否有可能这样做,所以#diy仍然在流程中?
请给我建议?如果我的问题不清楚,请告诉我。谢谢。
答案 0 :(得分:0)
如果我正确地理解了您的问题,看起来您的#diy
元素已经位于容器的左侧,而不是“外部”,就像您所说的那样。
尝试调整#diy元素的z-index
CSS属性。具有较大z-index的元素在页面上比具有较低z-index的元素“更高”。为确保#diy
位于最前面,请添加99的z-index:
z-index: 99;
到CSS。
答案 1 :(得分:0)
将您的#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;
}
答案 2 :(得分:0)
似乎如果将#outer_middle的溢出设置为可见(或者只是将其删除),您将获得所需的结果。