輸入字段溢出移動包含Div

-3

由於我最初編寫我的問題的方式收到了一些倒票，並且示例的鏈接不再包含問題，因此我將描述我遇到的Chrome特定問題。輸入字段溢出移動包含Div

當在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>

來源

2012-07-25 dougmacklin

我已經回答了您的問題，但將來請嘗試詳細描述您遇到的問題，而不是要求用戶點擊可能是鏈接垃圾郵件的隨機網址。此外，請詳細說明您嘗試過的步驟，儘可能使用代碼示例。 – 2012-07-25 22:12:56

非常感謝，重寫了這個問題。 – dougmacklin 2012-07-25 22:26:05

非常好，很高興它的工作！ – 2012-07-25 22:30:35

雖然你的問題的格式如下鏈接的垃圾郵件，我點擊它的任何方式。它發生的原因是因爲您有效地突出顯示了該容器中的所有文本，其中有一個元素溢出了右邊界。看看<div id="selection"> - 它比容器寬，因此將所有兒童的總寬度推到邊界框之外。瀏覽器試圖通過自動滾動內容來幫助你，讓你看到你突出顯示的內容。

簡而言之：修復您的CSS爲#selection元素，因此它不會與容器重疊。

來源

2012-07-25 22:11:30

輸入字段溢出移動包含Div

回答

相關問題