你如何讓一個包裹的div水平填充窗口？

我有一個div，它是由另一個960像素寬的居中div所包含的。我爲內部div添加了一個背景，它應該水平擴展到窗口的邊緣，基本上逃避了其容器的邊界。如果我應用一個較大的負邊距和相等數量的填充，這將工作在左側，但右側會導致滾動條出現。有沒有人知道我可以做到這一點，而不會導致滾動條？你如何讓一個包裹的div水平填充窗口？

來源

2010-04-26 okalex

爲什麼你想讓INNER div的背景伸展來填充整個窗口？好像你想用OUTER div來做這件事。我理解了這個問題嗎？ – 2010-04-26 19:03:56

是的，通常我會這樣做，但這是爲Wordpress主題，內容由外部div包裝。內部div位於內容之內，並且內容中還有其他元素不具備背景。我希望我已經正確地解釋了我自己。 – okalex 2010-04-26 19:11:25

感謝大家的幫助，但是這些解決方案中的大多數只是給頁面下方的元素定位帶來了更多的困難。我最終採取了一種不同的方法，並將需要背景的div移出包裝div。這並不理想，因爲現在我無法在該內部div中顯示任何帖子內容，但它會起作用。乾杯， – okalex 2010-04-26 21:49:25

我總是把我的覆蓋DIV放在內容包裝的外面，這樣它就不會受到佈局的限制。

如果你裝箱（沒有雙關語意思），你可以使用JavaScript添加這個DIV，把它放在你想要的DOM的任何地方。

來源

2010-04-26 19:06:59

聽起來像外部div設置爲（或繼承）溢出：自動而不是溢出：可見。

來源

2010-04-26 19:13:35 Raugturi

你可以絕對定位的div內：

CSS

.outerdiv { width: 960px; background: #999; height: 50px; } 
.innerdiv { position: absolute; top: 100px; left: 0; background: #ccc; width: 100%; }

HTML

<div class="outerdiv">This is in the outer div 
<div class="innerdiv">This is in the inner div</div> 
</div>

或更好，但移動DIV有文檔身體作爲它的父。

來源

2010-04-26 19:17:56 Mottie

你如何讓一個包裹的div水平填充窗口？

回答

相關問題