-3

由于我最初编写问题的方式收到了一些反对票，并且该示例的链接不再包含该问题，因此我将描述我遇到的特定于 Chrome 的问题。

当在 chrome 的输入字段中突出显示溢出的文本时，如果我将鼠标拖到页面的右侧，包含的 div 会向左滑动。最初我认为这个问题是由输入字段引起的，但事实证明我在同一个容器内有一个单独的 div，它比容器宽。

#container {
    width: 100px;
}

#inputfield {
    width: 50px;
}

#otherthing {
    width: 300px;
}

HTML：

<div id="container">
    <input type="text" value="Null" />
    <div id="otherthing"></div>
</div>
4

1 回答 1

1

虽然您的问题格式看起来像垃圾邮件链接，但我还是点击了它。发生这种情况的原因是因为您有效地突出显示了该容器中的所有文本，该容器有一个溢出右手边界的元素。看一下<div id="selection">- 它比容器宽，因此将所有子项的总宽度推到边界框之外。浏览器试图通过自动滚动内容来帮助您，以允许您查看突出显示的内容。

简而言之：修复#selection元素的 CSS，使其不与容器重叠。

于 2012-07-25T22:11:30.633 回答