HTML

footer#footer.stats-bar.row.content 
    .well 
    .footer-row 
     select.that-wont-dropdown

CSS

// Footer: Fixed bottom 
#footer 
    position fixed 
    border 0 
    padding-top 0 
    bottom 0 
    margin-left 0 
    left 0 
    right 0 

    .footer-row 
    clear both 
    overflow hidden 

    .left 
    margin-right 0 
    width 33% 
    float: left 

    .well 
    width 100% 
    height auto 
    margin 0 
    padding 10px 0 0 0

在短期內我只是將它移動到頁腳的頂部，但我想知道爲什麼沒有按鉻」 t正確顯示選擇。

來源

2014-01-22 Dropped.on.Caprica

刪除溢出：隱藏並查看會發生什麼？ – ravb79

看看[這個SO問題]（http://stackoverflow.com/questions/18191962/prevent-select-from-running-off-bottom-of-css-dropdown-menu）關於使用JavaScript強制使用「drop up」 – koosa

我不打算包含第三方的JS和CSS只是爲了讓選擇顯示正確。我會看一看，看看'overflow：hidden;'是否解決了這個問題，但我認爲不會。編輯：其實，當我把'.well'上的填充，它以某種方式修復了選擇。儘管我確實移動了HTML，所以select不在'.well'之內。 –

我相當確定發生這種情況的原因是由於做了頁腳的時髦方式。玩過填充和邊距後，它神祕地開始出現在你期望的地方。我正在把這個問題歸結爲一個Chrome bug。

來源

2014-02-15 19:20:50

選擇下拉菜單出現在頁面底部

HTML

CSS

回答

相關問題