-3

最初に質問を書いた方法には反対票が投じられ、例へのリンクには問題が含まれなくなったため、発生していた 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">- コンテナより幅が広いため、すべての子の合計幅がバウンディング ボックスを超えています。ブラウザは、コンテンツを自動スクロールして強調表示している内容を確認できるようにすることで、ユーザーを支援しようとしています。

つまり、要素の CSS を修正して#selection、コンテナと重ならないようにします。

于 2012-07-25T22:11:30.633 に答える