浮动时选择元素断开

时间:2014-06-05 08:30:32

标签: html css

左上角的货币区(#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;
}

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

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

3 个答案:

答案 0 :(得分:1)

最快的解决方案是添加:

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

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