Question

由于我最初编写问题的方式收到了一些下来的投票，并且该示例的链接不再包含问题，我将描述我遇到的特定于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>

Answer 1

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

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

输入字段溢出移动包含Div

1 个答案: