浮动时选择元素断开

Question

左上角的货币区（#currencySelect）在向左浮动时停止下降，就像现在一样。 - http://trendy-menswear.myshopify.com/

相关HTML：

<div id="currencySelect" />
<header id="top" class="clearfix" />

相关CSS：

#currencySelect {
    float: left;
}

#top {
    position: relative;
    z-index: 100;
}

当我删除浮动时，下拉列表再次起作用。

关于如何将它定位在当前位置但有功能的任何指针？

Answer 1

最快的解决方案是添加：

#currencySelect {
    position:relative;
    z-index:101
}

目前#top＆lt; header＆gt;，z-index: 100位于#currencySelect＆lt; div＆gt;上方。因为后者因浮动而从正常布局流程中移除。

Answer 2

header#top的z-index为100，覆盖它，给它一个更高的z-index。

Answer 3

当您应用float:left;时，它会在标题下输入。所以你不能点击它。

使用position: absolute;z-index: 101;而不是float:left;。