是否可以通过父元素的左右边距折叠？

Question

我想通过其父级折叠块的左右边缘。

我无法改变孩子的风格，因为它的边距未知。它可以是任何东西。我希望父母的背景不会显示在孩子的边缘区域。垂直边距的行为是这样的，我想找到一种方法使水平边距的行为如此。

例如（我希望红色根本不可见）：

.a {
  background: red;
  margin: 10px;
}

.b { 
  margin: 10px;
  height: 100px;
  background: blue;
}

body {
  background: yellow;
}

<div class="a">
  <div class="b">
    x
  </div>
</div>

根据文档，左/右边界折叠仅在块级进为 lr 或 rl 时发生（浏览器似乎并不支持这种情况）。

http://www.w3.org/TR/css3-box/#collapsing-margins

还有别的办法吗？