Question

我有一个问题，谷歌浏览器有时会错误地呈现浮动元素。更具体地说，标记看起来像这样：

<h1>
    Headline
    <small>Sub-heading</small>
</h1>

这是使用这个简单的CSS样式：

h1 small {
    display: block;
}

@media (min-width: 750px) {
    h1 small {
        float: right;
    }
}

（这是jsfiddle.com的链接，它演示了行动中的问题：http://jsfiddle.net/ys6L88r8/1/）

如您所见，元素在媒体查询中浮动。加载页面时，如果浏览器窗口宽度超过媒体查询中指定的宽度，则一切看起来都很正常。但是，如果您在此点下方调整浏览器大小，然后再次备份，则该元素会错误地显示在h1下方。

这是Google Chrome错误吗？我已经确认它在Firefox和Safari 8中正常工作。我在OS X上使用Google Chrome 40.0.2214.91（64位）。

Answer 1