列表項出現在錯誤的位置

Question

我有一個網頁，其中有一個母版頁的Ajax工具包的組合框。 Combobox放在桌子裏面。當網頁加載時，這個組合框的列表項出現在遠離組合框的下方。

什麼是修復？ :(

Answer 1

請看看這個樣本

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ComboBox/ComboBox.aspx

組合框的已知問題

當ListItemHoverCssClass指定和組合框列表滾動，突出一個列表項使用時會導致滾動閃爍爲避免此問題，請不要指定ListItemHoverCssClass屬性。

如果這不能解決問題，請提及您的梳子標記obox在評論

謝謝

Answer 2

我有同樣的問題。這是一個很好的列表bug，它也在ajaxcontrolkit autocompleteextender中。基本上，列表將被放置在頁面內的計算是錯誤的。

有很多修復這一點，但他們是一個痛苦的使用，所以才這樣做：

combobox1_OptionList{ 
    position: fixed !important 
} 

它改變了計算製作方式，幸運的是，這使得它準確。注意：如果您的包含div將更改窗口大小的位置（例如left: 10%; top 50%;），那麼當您更改窗口大小時，組合框列表將不會在組合框下移動，並且將被留下。但是，每次觸發組合框列表時，都會重新計算其位置，因此，爲窗口大小添加一個JavaScript事件會關閉組合框可能會起作用。

Answer 3

.ajax__combobox_itemlist 
{ 
position:absolute!important; 
height: 100px !important; 
overflow: auto !important; 
top: auto !important; 
left: auto !important; 
} 

它的工作完美....

Answer 4

嘗試在一個div包裝組合框。我有同樣的問題。我向每個ComboBox div添加了一個類，並添加了以下css。

.cbox 
{ 
    margin: 0 auto; 
    width: 280px; 
} 

根據您的喜好設置寬度。保證金：根據寬度自動將div放置在父級中。