css - 可能以某种方式覆盖容器的填充？

Question

我可能想多了，但我是第一次使用 Wordpress，习惯了一切让我很头疼。

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

这是一个图片示例：

在此处输入图像描述

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

score 20 · Accepted Answer

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

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

score 3 · Accepted Answer

3

负边距是您的朋友。

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

于 2012-04-17T21:27:22.510 回答

score 2 · Accepted Answer

2

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

于 2012-04-17T21:27:06.053 回答

score 1 · Accepted Answer

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

4 回答 4