Javascript 包含Div的输入字段溢出移动

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

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

#container {
    width: 100px;
}

#inputfield {
    width: 50px;
}

#otherthing {
    width: 300px;
}

HTML:

---

虽然你的问题的格式看起来像垃圾链接，但我还是以任何方式点击了它。发生这种情况的原因是，您正在有效地高亮显示该容器中的所有文本，该容器中的元素溢出了右侧边界。看一看-它比容器宽，因此将所有子对象的总宽度推到边界框之外。浏览器试图通过自动滚动内容来帮助您查看突出显示的内容

---

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

我已经回答了您的问题，但以后请尝试详细描述您遇到的问题，不要让人们单击可能是链接垃圾邮件的随机URL。此外，请详细说明您尝试了哪些步骤，如果可能，请提供代码示例。非常感谢，请重新编写问题。非常好，很高兴它成功了！

#container {
    width: 100px;
}

#inputfield {
    width: 50px;
}

#otherthing {
    width: 300px;
}