为什么 Chrome 从单独的 div 而不是当前 div 中选择文本？

Answer 1

为子 div 添加表格显示类型 -

display: table

。这将防止在绝对定位的“相邻”div 中选择文本。

您还可以使用灵活的显示类型来实现此目的 -

display: flex

。

div > div {
  display: table;
}

<div style="user-select:none;position:absolute;top:10px;border:1px solid gray;height:100px;width:150px">
    <div style="user-select:text;position:absolute;top:10px">One</div>
    <div style="user-select:text;position:absolute;top:30px">Two Three</div>
</div>