Html CSS，下拉菜单：li和x27之间的ul子菜单；s

我正在建立一个三级下拉菜单，但我的样式有问题

我有这样的事情：

有一个li（Corsi）包含一个ul（第一菜单），其中包含三个li。 大概是这样的：

<ul><li>Corsi
    <ul><li>First menu
        <ul><li>Sub menu 1</li>
        <li>Sub menu 2</li>
        <li>Sub menu 3</li></ul>
    </li></ul>
</li></ul>

如何使第二个li进入子菜单下方

---

谢谢大家，如果我的解释不是最好的，我很抱歉

如果没有看到你的CSS，就不可能指出你可能做错了什么。把你现在的情况弄得一团糟。请用一把小提琴再现这个问题。@SeanStopnik你完全正确。1）你在这里发布的CSS与你的截图根本不匹配。2） 一切都是浮动的，即使是绝对定位的元素，也不可能是正确的。而且没有一个浮标被清除。

<ul><li>Corsi
    <ul><li>First menu
        <ul><li>Sub menu 1</li>
        <li>Sub menu 2</li>
        <li>Sub menu 3</li></ul>
    </li>
    <li>New li</li></ul>
</li></ul>

ul {
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0;
    width: 100%;
}

ul a {
    display:block;
    width: 100%;
}

ul li {
    position:relative;
    float:left;
    width: 19%;
    height: 100%;
    margin-top: 17px;
    padding: 20px 0 6%;
}

ul ul {
    position: absolute;
    list-style: none;
    float: left;
    top: 100%;
    padding: 0;
}

ul ul li {
    float: left;
    width: 100%;
    padding: 0;
}

ul ul a {
    padding: 20px 47px;
    width: 150px;
    height: auto;
    margin: 0;
}

ul > ul > a {
    width: 100%;
}

ul ul ul {
    top: 100%;
    left: 0;
}