父div被孩子推,在父div中创造差距

时间:2013-05-10 00:47:13

标签: css position nested relative absolute

好的,所以我有我的主div,在那个我有另一个div,在那个我有另一个div。我想要做的是让最后一个div“浮动”在它的两个父母之外,它是我想要从主要div中伸出的徽章。这不起作用,我想要它,主要的div扩大但背景颜色甚至不覆盖那些像素,我可以看到它背后的身体背景!

继承我的代码:

#main {
    background-color: #000;
    outline: 1px solid #fff;
    width: 840px;
    padding: 20px 60px 20px 60px;
}

#nested1 { 
    width: 100%;
    position: relative;
    margin: 0px 0px 10px 0px;
    }

#nested2 {
    position: absolute;
    top: 100px;
    right: -80px;
    }

很抱歉我的问题模糊不清,希望有人知道我在说什么,可以给我一些关于如何解决这个问题的建议。 谢谢!

1 个答案:

答案 0 :(得分:0)

#main div不会扩展,除非里面有一些内容使它拉伸,所以这听起来像是第一个问题。 (您看到的背景位是由于#main div上的填充。)

如果你希望#nested2与#main相关,那么最好给位置:相对于#main而不是#nested1。

如果没有看到整个设置(例如HTML),这就是一个猜谜游戏。你可以在jsFiddle这样的网站上发布你的整个页面代码或测试页吗?