选择多行文本而不会溢出宽度

Question

当您选择交叉线时，向上图像会显示黄色区域中不需要的红色选择。我想在黄色部分中选择，如下所示：

HTML：

<div id="parent">
    <div id="child">
        This is some content... This is a long lonnnnnnng content.
    </div>
</div>

CSS：

#parent {
    width: 200px;
    background-color: #666;
}

#child {
    padding: 50px;
    background-color: #ff0;
}

::selection {
    background-color: #f00;
}

你知道如何实现这个目标吗？

在此处运行代码：http://jsfiddle.net/3AESf/

Answer 1

您可以display: inline-block;使用#parent解决问题

Answer 2

如果display:inline-block不可选，则另一种解决方案是添加

overflow: hidden;

到#parent。这也有效。