Question

我可能会过度思考这个但是我第一次使用Wordpress并且习惯了所有事情让我头疼不已。

基本上，我有一个容器div。我很懒，放一个10px的填充物。但是对于我正在尝试创建的主题，我有几个divs我希望跨越整个容器，没有填充。

这是一个图片示例：

enter image description here

有没有办法绕过容器div的设置，这样一个条不会被填充？

Answer 1

您可以在应该跨越整个容器的div上添加负边距：

div { margin-right: -10px; margin-left: -10px; }

Answer 2

负边距是你的朋友。

.wide-child{
    margin: 0 -10px;
}

Answer 3

尝试在内部div上使用负边距。

Answer 4

.nopadding {
   width: 100vw;
   position: relative;
   left:49%;
   right:49%;
   margin-left: -50vw;
   margin-right: -50vw; 
}