我有一個div,它是由另一個960像素寬的居中div所包含的。我爲內部div添加了一個背景,它應該水平擴展到窗口的邊緣,基本上逃避了其容器的邊界。如果我應用一個較大的負邊距和相等數量的填充,這將工作在左側,但右側會導致滾動條出現。有沒有人知道我可以做到這一點,而不會導致滾動條?你如何讓一個包裹的div水平填充窗口?
2
A
回答
0
我總是把我的覆蓋DIV放在內容包裝的外面,這樣它就不會受到佈局的限制。
如果你裝箱(沒有雙關語意思),你可以使用JavaScript添加這個DIV,把它放在你想要的DOM的任何地方。
0
聽起來像外部div設置爲(或繼承)溢出:自動而不是溢出:可見。
1
你可以絕對定位的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有文檔身體作爲它的父。
相關問題
- 1. 在一個div和文字水平取向元素包裹
- 2. 如何讓剩餘的div在父div中水平填充空間?
- 3. 如何讓一個div在另一個div中水平居中?
- 4. 如何水平展開DIV以包裹其最寬的孩子?
- 5. 2 div填充水平空間
- 6. 水平線填充
- 7. 水平居中IMG和文本與填充一個div
- 8. jQuery的包裹一個div
- 9. 模式Div來填充整個窗口,包括低於摺疊
- 10. 如何設置一個div來填充其父(水平)中剩餘的空間?
- 11. 如何填充KendUI窗口
- 12. 如何讓一個表格列填充所有備用水平空間?
- 13. 如何讓文本字段水平填充100%
- 14. 如何讓flexbox填充水平和垂直空間?
- 15. 如何使div大小填充整個瀏覽器窗口?
- 16. 如何用div來填充水平空間
- 17. 如何設置文本以水平填充div?
- 18. 你如何水平和垂直對齊一個div?
- 19. 用一列填充窗口
- 20. 如何讓DIV填充瀏覽器窗口的剩餘垂直空間?
- 21. 獲取2個div伸展以便始終填充包裹div的寬度
- 22. 底部對齊的div在div中,水平地填充容器
- 23. 如何使一個JFrame內的JPanel填充整個窗口?
- 24. 如何讓div水平滑入?
- 25. IE:水平滾動填充
- 26. 使gridview水平填充
- 27. 填充水平空間
- 28. 如何讓父div的圖像填充填充?
- 29. 帶有填充的CSS span包裹
- 30. 填充盒/包裹的算法
爲什麼你想讓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