css - float 在随CSS float 的元素上

查看我的示例，以演示我遇到的问题：

http://jsfiddle.net/zWkse/

#mymenu {
    float: left;
    z-index: 59;
    width: 60px;
    background: #000;
    color: #FFF;
}

#myleftcontent {
    width:100px;
    background-color:#fff;
    padding:7px;
    border: 1px solid #d3d3d3;
    float:left;
    padding-bottom: 7px;
    margin-bottom:20px;
}

#myrightcontent {
    float:right;
    width: 100px;
}

在我的网页上，左侧有主要内容，右侧有一些注释（左侧和右侧div元素）

它们都是float: left或right。

现在我有一个下拉菜单，当您单击顶部菜单上的锚点链接时，该菜单会向下滚动。
在示例中，此菜单为“ mymenu”。

菜单也是一个float: left，但我希望它悬浮在现有元素上。

使#mymenu浮在#myleftcontent上

怎么做到呢？

最佳答案

好吧，您还没有发布的Y部分是从下拉列表中删除的。该元素必须位于positionend，以便#mymenu可以绝对定位，从而使i不再流通并允许z-index发挥作用：http://jsfiddle.net/4hGnL/

<div id="menu-container">
    <div id="mymenu">
        MY MENU<br />
        MY MENU
    </div>
</div>
<div id="myleftcontent">
    i gentager successen og giver dig nu chancen for at få én times afslappende aroma therapy massage hos Prani Wellness, der fjerner dine spændinger og får dig i en rus af velvære!
Thailandsk aroma therapy massagei gentager successen og giver dig nu chancen for at få én times afslappende aroma therapy massage hos Prani Wellness, der fjerner dine spændinger og får dig i en rus af velvære!
Thailandsk aroma therapy massage
</div>
<div id="myrightcontent">
    i gentager successen og giver dig nu chancen for at få én times afslappende aroma therapy massage hos Prani Wellness, der fjerner dine spændinger og får dig i en rus af velvære!
Thailandsk aroma therapy massagei gentager successen og giver dig nu chancen for at få én times afslappende aroma therapy massage hos Prani Wellness, der fjerner dine spændinger og får dig i en rus af velvære!
Thailandsk aroma therapy massage
</div>

使用CSS：

#menu-container {
    position: relative;
}
#mymenu {
    float: left;
    z-index: 59;
    width: 60px;
    background: #000;
    color: #FFF;
    position: absolute;
}
#myleftcontent {
    width:100px;
    background-color:#fff;
    padding:7px;
    border: 1px solid #d3d3d3;
    float:left;
    padding-bottom: 7px;
    margin-bottom:20px;
}
#myrightcontent {
    float:right;
    width: 100px;
}