2011-09-09 91 views
1

我在網上搜索,但未能找到HTML/CSS設計一個很好的答案:CSS組合框下拉位置

  • 我有一個菜單欄停靠在我的屏幕右側
  • 菜單欄包含select元素(組合框)以固定寬度
  • 有時,這些comboxes的含量太大,使其適用於固定寬度

這裏的當前行爲我注意到:

    在正常位置
  • ,選擇的是簡單地被削去,並且通過我
  • 在下拉菜單位置

    很好,下拉「盒子」不會被截斷,而是對準組合框的左側;因爲它超出了屏幕和它的一部分的右側的後果簡直是不可讀

    example


我想要做的就是迫使下拉框與右對齊其父母組合框的

任何方式來做到這一點在CSS - 甚至JS我猜,但不是首選的解決方案...?

+0

如果您刪除所有樣式,瀏覽器劑量會自動將它發送到正確的位置? –

+0

@Marco,只是在鉻上測試它,這是真的。該下拉菜單將位於瀏覽器窗口之外,甚至在屏幕之外。 – Andy

回答

0

你會在這裏純粹的CSS運氣不好。
你可以尋找一個javascript combobox雖然和CSS的風格。

+0

是的,似乎沒有辦法用純CSS做到這一點。我只是以不同的方式佈置我的頁面... – guidupuy