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

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;
}