Css 父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;
    }

#main div不会扩展，除非它里面有一些内容可以扩展，所以这听起来像是第一个问题。（您看到的背景部分是由于#main div上的填充。）

如果您想让#nested2相对于#main进行定位，最好给出位置：相对于#main，而不是相对于#nested1

---

没有看到您的整个设置（例如HTML），这有点像猜谜游戏。你能在JSFIDLE这样的网站上发布你的整个页面代码或测试页面吗？

哦，我应该提到，这只发生在firefox中！chrome浏览器按我所希望的方式处理这个问题，但firefox另一方面..你能显示一些html/创建一个吗？是的，这是完整html和css的链接：是的，当然，你可以在这里查看整个html和css：噢，不要让我搜索所有代码来确定哪个位是哪个位。哪一个是最里面的2区？对不起，伙计，我应该让你知道我指的是哪个区。它的#main被拉伸，#topMain是嵌套的div，里面是我试图移出#main div的#giftsAndPromos。实际上，我有两个div，我想用它来做这件事，#twitterBird是另一个。好的，没有加载图像，很难理解这个问题。“礼物和促销”部分似乎位于右侧。有了实时链接，这会容易得多；轮廓增加了额外的空间，我把它改成了边框，瞧，再也没有空隙了！真棒：）\