使DIV覆盖父级的边距

时间:2012-10-02 18:08:52

标签: css html

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

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

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

1 个答案:

答案 0 :(得分:2)

在子级上使用等于父级填充的负边距。即:

div.parent {
  padding: 0 10px;
}

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