我如何獲得負邊限正常工作？

我試圖讓黑div打破父div，並跨越瀏覽器的寬度。

我試圖用負邊距來做到這一點。

像這樣

.aboutTop { 
    background-color: black; 
    width: 100%; 
    height: 600px; 
    position: relative; 
    margin-left: -100px; 
    margin-right: -100px; 
}

注：我已經與margin-left: -100%;只是用上面看到什麼錯嘗試過。

但是，保證金權利不起作用。

它只是將框向左移動100px。

這是爲什麼？

來源

2012-10-03 Michael

邊緣正確的屬性很好玩，當你左對齊時，它創建的空間向右而不是向右移動。在回答您之前的相關問題時，我必須說，只需增加寬度以適應屏幕，而不是增加負右邊距。你把盒子放在左上角，現在增加寬度，並使其適合頁面。

這是你必須做的。拿起全師並將其移出所包含其寬度使用父：

#yourdiv{ 
position:absolute; 
top:200px; 
left:0; 
background:black; 
width:100%; 
height:200px; 

}

做到這一點最簡單的方法...而不是瞎搞的。把它從這個該死的父母分開。

來源

2012-10-03 10:49:23 geekman

使div更寬 - 可以說200％ - 導致右側額外滾動。 – Michael

計算傢伙...嘗試不同的價值，或拿起整個部門，並將其粘貼出母部門。請參閱我正在編輯的編輯 – geekman

您設定寬度爲100％（因此多數民衆贊成父的100％）
你說你要在雙方打出來的父母寬度的！
這違背對方

左邊距做自己的工作一樣應該和右邊距是不是因爲達到了100％的上限！

刪除寬度：100％;你很好走！

[編輯]
上面並沒有解決瀏覽器的問題的寬度爲100％
Mayby那可能有一些JavaScript？

var screenwidth = (window.innerWidth > 0) ? window.innerWidth : screen.width;

，然後像

document.getElementById('aboutTop').style.width = screenwidth;

這requirers您更改類= 'aboutTop' 爲ID = 'aboutTop'

來源

2012-10-03 10:56:18 Marcel

這使我在右側滾動過度。 – Michael

是的，我注意到了！這隻能解決'突破父母'的問題 – Marcel

@Michael使用'max-width：100％'怎麼樣？ – cimmanon

刪除margin-right與margin-left調整。

來源

2012-10-03 11:01:52 Anuj

@Anuji調整'margin-left'除了左右移動外，什麼都不做。我不擴大瀏覽器的寬度。 – Michael