父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中創建差距

回答

相關問題