CSS Box扩展bug /功能

Question

发现了一个有趣的浏览器行为。给出以下代码：

div {
    padding: 5px 10px; 
    color: #FFF;
}

.a {
    float: left;
    /* fix either set width or remove float */
    background: goldenrod;
}

.b {
    position: relative;
    overflow: hidden;
    background: #392;
}

.b div {
    width: 20000em;
    background: #942;
}

和

<DIV class="a">
    <DIV class="b">
        <DIV>Content</DIV>
    </DIV>
</DIV>

我希望overflow: hidden将div隐藏/裁剪到视口，但是父级浮动会被尊重，页面是WIIIIIIIDE。

有人知道这是一个功能还是浏览器错误？

我知道你应该为浮动添加一个宽度...但这对我来说感觉很奇怪。要停止此行为，请移除float上的.a或添加max-width: 100%或类似内容。

[注意：在html spaghetti中发现混合ektron，jcarousel带有bootstrap，这是重现问题的最简单的测试用例。]

http://codepen.io/elliz/pen/wteya

演示