选择下拉列表显示在页面下方

Question

我有一个我希望在页面底部的选择下拉列表。不幸的是，当您点击选择时，它会显示在页面下方，不允许我选择其他值。

它位于页脚底部，粘在页面底部。我不确定如何解决这个问题，我觉得它是页脚的CSS。

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

在短期内我只是将它移到页脚顶部，但我很想知道为什么Chrome无法正确显示选择。

Answer 1

我很确定这种情况发生的原因是由于做出页脚的时髦方式。在使用填充和边距后，它神秘地开始出现在你期望的地方。我正在搞这个Chrome错误。