我有一個UL嵌套在DIV中,DIV的填充設置爲「0 20px」。我想讓這個孩子UL溢出父DIV,並向左和向右延伸頁面。我怎樣才能做到這一點?如何覆蓋子元素的父元素的填充
4
A
回答
6
,如果你想在UL拓展了集裝箱股利那麼您需要將UL設置爲具有絕對位置。不要忘記設置頂部和左側的風格獲得UL不反對DIV是漲緊的位置絕對不會服從容器格填充
12
1
它可以通過以下方式:
#parent {
position: relative; /* important */
padding: 0 25px;
}
#child {
position: absolute; /* important */
width: 100%;
margin-left: -25px;
}
+0
這不起作用。 – 2017-01-02 10:57:27
2
.full-width {
width: 100vw;
position: relative;
left: 49%;
right: 49%;
margin-left: -50vw;
margin-right: -50vw;
}
https://css-tricks.com/full-width-containers-limited-width-parents/
相關問題
- 1. 覆蓋父元素的子元素
- 2. CSS3 - 如何覆蓋父元素的填充?
- 3. 如何在父元素上覆蓋子元素
- 4. 僅覆蓋父圖像的子元素
- 5. 覆蓋從父元素到子元素的遊標值
- 6. CSS - 父元素覆蓋子元素的屬性
- 7. 懸停在父元素上以顯示覆蓋的子元素
- 8. 抖動子元素的尺寸來填充父元素
- 9. 如何爲左側的元素填充父元素
- 10. QML填充父元素
- 11. 想要通過父元素覆蓋子元素css屬性
- 12. 使父母填充切斷子元素
- 13. 如何填充XML中的子元素?
- 14. 覆蓋溢出隱藏父元素的
- 15. CSS:覆蓋父元素的顏色
- 16. 嵌套元素的父類覆蓋
- 17. 如何覆蓋元素CSS?
- 18. 如何覆蓋根元素
- 19. XmlSerializer不填充子元素
- 20. DIV填充未知父元素的100%
- 21. CSS填充重疊的父元素
- 22. 填充父列表元素的值
- 23. CSS:使塊元素填充父元素的整個空間?
- 24. make <a>元素填充他的父元素
- 25. 如何用父級.class屬性覆蓋子元素屬性
- 26. 如何顯示父元素和父元素的兄弟之上的子元素?
- 27. Xml元素覆蓋
- 28. 覆蓋僞元素
- 29. XML元素覆蓋
- 30. setBackgroundColor覆蓋元素
我把它設置爲絕對的,左邊爲0,但現在我無法讓它下面的元素停止包裝。我是否需要對它們進行設計,或者添加間隔分隔線? – Nathan 2010-11-08 17:30:43
這會發生,當一個元素變爲絕對時,只要將它想象爲彈出到內容上方的新平面上,但是通過左側和頂部屬性錨定到下面的元素。如果你知道你的導航高度將會是什麼,那麼你可以採取這樣的高度,並將其放置在容器div的頂部。但是,如果您的導航是動態的,而且可能會改變高度,並且您的導航內容不足,那麼絕對定位不是一種好的選擇。如果你有一個演示網址或一些代碼來表明我可以建議最好的方式 – Brady 2010-11-08 17:54:59
內容是動態的,但我很容易想到它。我可以通過php預測內容的大小,所以我將這個大小傳遞給了一個spacer div,它使得所有內容看起來都非常漂亮。謝謝您的幫助。 :) – Nathan 2010-11-10 14:17:34