Html 向左悬停的子菜单？

我试图创建一个简单的子菜单，当你在主菜单上悬停时会出现

谁能看出我错在哪里

我创建了这个示例。

试试这个： 它没有布局，但可以工作

此css基本上提供了一种实现下拉列表的非常简单的方法：

.subMenu {
    float: right;
}
.subMenu ul li {
    float: left;
}

.subMenu ul ul {
    display: none;
    position: absolute;
}

.subMenu ul li:hover ul {
    display: block;
}

.subMenu ul ul li {
    float: none;
}

---

在

子菜单上

添加

左侧：0；排名：0和删除
浮动：对！重要的
在
子菜单ul li
上添加
位置：相对
嘿，现在在css中添加两种样式，如下所示

    .subMenu li{
        position:relative;}

.subsubmenu {
 position:absolute;
top:22px;
left:0;
}

CSS中使用的大多数类在html中都不存在！使用
浮动
或
位置
，切勿同时使用。每个
位置
值如果不是
静态
将从流中删除您的元素，因此通过使
浮动
无效。子菜单是绝对的。子菜单是浮动的，我已经对浮动和位置进行了调整，这就是为什么它们都在流中。我还建议避免过度使用
！重要信息
。。。在我看来，如果你只是试图强迫一些行为而不清楚自己在做什么，那么学习
css
不是一个好方法。大多数布局版本：。请将您的想法和解决方案包含到您的问题中，不要只提供指向外部资源的链接。顺便说一句，我真的建议不要使用原始css。。。它的编写非常迂回。最初的CSS根本不使用子选择器
，这使得它很难维护。如果使用子选择器，几乎可以将所有内容合并到一组小规则中。