父div被孩子推，在父div中创建差距

好吧，所以我有我的主div，里面那一个我有另一个div，里面有一个我有另一个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; 
    }

对不起，我的问题的模糊描述，希望有人知道林谈论，可以给我如何解决这个问题的一些指针。谢谢！

来源

2013-05-10 user2368301

哦，我应该提到，这只发生在Firefox！铬，资源管理器处理这个如何我想它，但另一方面火狐.. – user2368301 2013-05-10 00:55:40

你可以显示一些HTML /创建[小提琴]（http://jsfiddle.net/）？ – trajce 2013-05-10 01:12:39

是啊这里是链接到完整的HTML和CSS：http：//jsfiddle.net/ZF8qP/6/ – user2368301 2013-05-10 01:42:37

#main div不会展开，除非它内部有一些内容使其伸展，这听起来像是第一个问题。（你看到的背景是由于#main div上的填充。）

如果你想＃nested2相对于#main定位，最好给位置：相对于#main比＃nested1 。

没有看到你的整个设置（例如HTML），这是一个猜谜游戏。你可以发布你的整个页面代码，或者像jsFiddle这样的网站上的测试页面吗？

来源

2013-05-10 01:06:40

是的，你可以看看整个HTML和CSS在这里： http://jsfiddle.net/ZF8qP/6/ – user2368301 2013-05-10 01:33:25

唉，不要让我搜索所有的代码来确定哪个位是哪个。那里是哪个div？ – 2013-05-10 01:58:33

对不起，我应该让你知道我指的是哪个div。它的#main被拉伸了，#topMain是嵌套的div，里面是我试图移动到#main div之外的#giftsAndPromos。我实际上有两个div，我想这样做，#twitterBird是另一个.. – user2368301 2013-05-10 02:08:53

父div被孩子推，在父div中创建差距

回答

相关问题