css - 使 DIV 覆盖父级的边距

Question

我不确定如何最好地解释这一点，但我会尽力而为。我的 Drupal 主题在主要内容/帖子 DIV 上有阴影边框和文本填充。但是，在某些页面上，我想覆盖文本填充，以便 DIV 标记可以充满内容 DIV。

我可能可以通过删除文本填充并在每个页面上手动添加它来实现同样的事情，但这将是很多工作；特别是考虑到我只需要在几个页面上使用这个“特殊” DIV。

我希望这是有道理的 - 可能有更好的方法来解释它，但这就是我自己找不到答案的原因!提前致谢

Answer 1

在子项上使用等于父项内边距的负边距。即:

div.parent {
  padding: 0 10px;
}

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