Html 在div内选择的文本显示在div外

我希望用户在div内选择文本（html）。但是这样做会在浏览器中显示选择背景，也会在div外显示

我可以用（见）来防止这种情况

---

这样做吗？或者，有更好的方法吗？

添加一个显示：inline-b

div { overflow: hidden; display:inline-block; }

---

CSS属性中有一个输入错误：

xoverflow: hidden;

而不是

overflow-x: hidden;

---

更新的JSFIDLE:

谢谢，但这不是打字错误。我只是让它保持这种方式，这样更容易测试。；-）哦，好的！所以Juan C.的答案（

内联块

）似乎是一个不错的选择。是的，但我不明白谢谢，那很有趣。为什么

display:inline block

使选择背景显示消失在div之外？（我不明白为什么溢出：隐藏，但它更容易猜测…；-）@Leo

overflow:hidden

就是这么说的：它隐藏了盒子尺寸以外的所有东西。要理解

display:inline block

，您必须理解

display:block

：简单来说，

block

占据整个容器宽度上的对象高度<代码>内联块删除整个宽度默认值，并强制元素仅占用定义的宽度和高度。因此，你只会看到选择占据了方框。谢谢@Shiazure，这两个都是很好的记忆法，但规则离我还很远。

overflow-x: hidden;