如何覆蓋子元素的父元素的填充

Question

我有一個UL嵌套在DIV中，DIV的填充設置爲「0 20px」。我想讓這個孩子UL溢出父DIV，並向左和向右延伸頁面。我怎樣才能做到這一點？

Answer 1

，如果你想在UL拓展了集裝箱股利那麼您需要將UL設置爲具有絕對位置。不要忘記設置頂部和左側的風格獲得UL不反對DIV是漲緊的位置絕對不會服從容器格填充

Answer 2

如果你只是想彌補對DIV填充，也許你可以做到這一點通過做這樣的事情在UL：

margin:0 -20px; 

Answer 3

它可以通過以下方式：

#parent { 
position: relative; /* important */ 
padding: 0 25px; 
} 


#child { 
position: absolute; /* important */ 
width: 100%; 
margin-left: -25px; 
} 

Answer 4

.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/