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

Question

我希望通过其父级折叠块的左右边距。

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

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

CSS：

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

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

body {
    background: yellow;
}

HTML：

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

小提琴：http://jsfiddle.net/A3ekX/1/

根据文档，左/右边距崩溃只发生在块进展为lr或rl时（浏览器似乎并不支持它）。

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

还有其他办法吗？