Css Chrome 25.0.13以宽度而非高度的百分比显示边距顶部百分比_Css_Google Chrome

Css Chrome 25.0.13以宽度而非高度的百分比显示边距顶部百分比

css google-chrome

Css Chrome 25.0.13以宽度而非高度的百分比显示边距顶部百分比,css,google-chrome,Css,Google Chrome,Chrome刚刚自我更新，我现在注意到新版本没有正确显示我的页面。看起来，如果我有一个百分比的页边距，它将页边距基于页面的宽度，而不是高度。我做错什么了吗以下是测试代码： <!doctype html> <html> <body> <div style="margin-top: 50%"> Hello! </div> </body> </html

Chrome刚刚自我更新，我现在注意到新版本没有正确显示我的页面。看起来，如果我有一个百分比的页边距，它将页边距基于页面的宽度，而不是高度。我做错什么了吗

以下是测试代码：

<!doctype html>
<html>
    <body>
        <div style="margin-top: 50%">
            Hello!
        </div>
    </body>
</html>


你好

下面是一段超级短片，演示了这个问题：

任何帮助都将不胜感激。

W3 CSS规范如下：

…说这是有意的。所以实际上，Chrome只是正确地实现了它…

我在Chrome 25上遇到了同样的问题。规则

边距：10%5%

导致边距为宽度的10%，而不是高度的10%。哇。这太疯狂了，伊姆霍。你知道这是为什么吗？有趣的是，在这方面，mobile chrome和safari似乎都不符合w3c。有没有办法让页边顶部像以前一样基于高度？