html - 选择 float 时损坏的元素

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;
}

当我移除 float 时，下拉菜单再次起作用。

关于如何将它定位在当前位置但又能发挥作用的任何指示？

Answer 1

最快的解决方案是添加:

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

目前，#top <header> 的 z-index: 100 位于 #currencySelect

之上，如下所示后者由于 float 而从正常布局流中移除。

关于html - 选择 float 时损坏的元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24055270/