如何从子项覆盖父元素的填充

Question

我有一个嵌套在DIV中的UL，DIV的填充设置为“0 20px”。我想让这一个孩子UL溢出父DIV并向左和向右延伸到页面。我怎么能这样做？

Answer 1

如果你只是试图抵消div上的填充，也许你可以通过在UL上做这样的事情来实现这一点：

margin:0 -20px;

Answer 2

如果您希望UL扩展到容器div之外，那么您需要将UL设置为具有绝对位置。不要忘记设置顶部和左侧样式以使UL不会紧靠DIV，因为绝对位置不会遵守容器div填充

Answer 3

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

Answer 4

它的工作方式如下：

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


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