Question

这是我的页面（阿拉伯语）中的一个示例我想知道为什么×在文本后面（在z轴上）而不是在它旁边，因为它假设是

我知道如果我给另一个div html, body{ direction: rtl; /*its a MUST because the site is arabic*/ } #popup { overflow-y: scroll; /*the window may not be able to contain the text*/ background: gray; } #close { color: red; float: right; }它会解决它，但我想解释为什么会发生这种情况因为我发现这没有任何意义

<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
    <meta charset="utf-8">
</head>
    
<body>
    <div id="popup">
        <div id="close">×</div>
        <div>
            some text goes here
        </div>
    </div>
    
</body>
</html>

ltr direction

{{1}}以及谷歌浏览器以外的其他浏览器都没有发生过这种情况（尝试使用Firefox和边缘工作正常）

Answer 1

对我来说看起来像个错误。具体来说，似乎x正好偏移了滚动条的宽度。您可以在开发者工具中通过检查容器并打开和关闭overflow-y:scroll条目来确认这一点 - 您将看到×卡入和跳出其预期位置。

您可能想要报告此问题 - 您可以在此页面上执行此操作，因为您已经提供了一个有效的示例。在Chrome中，从菜单中选择“帮助=＆gt;报告问题”并填写提供的表单。

为什么有谷歌浏览器的div崩溃了

1 个答案: