Html Css-子菜单未正确对齐

我有一个简单的

nav

和一些

ULs

和

LIs

。但是在一些

LIs

中，我有另一个

UL

来创建一个子菜单，但是子菜单正朝着右侧

看这个

HTML:

<header>
        <h1 style="float: left; margin-top: 2%;">&nbsp;&nbsp;&nbsp;Naughty Mama.</h1>

    <nav>
        <ul>
            <li><a href="profile.php">My Profile</a>
            </li>
            <li><a href="inbox.php">Inbox</a>
            </li>
            <li>    <a href="notifications.php">Notifications</a>

                <ul>
                    <li>Notification 1</li>
                    <li>Notification 2</li>
                    <li>Notification 3</li>
                </ul>
            </li>
        </ul>
    </nav>
</header>

header {
    background-color: #ddd;
}
nav {
    float: right;
    margin-right: 5%;
    margin-top: 2%;
}
nav ul li {
    display: inline-block;
    background-color: #eee;
    vertical-align: top;
}
nav ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 15px;
}
nav ul li a:hover {
    color: #000;
    background: #aaa;
}
nav ul li ul li {
    display: block;
}

如何将双嵌套的

LIs

对齐到主菜单的左侧

希望我清楚

---

提前谢谢。

你是说做类似的事情吗

变化：

nav {
    float: right;
    margin-right: 5%;
    margin-top: 2%;
}
nav ul {
    padding-left:0;
    margin-left:0;
}
nav > ul { position:relative; }
nav ul li ul {
    display: block;
    position:absolute; 
    left:0;
}

重置你的CSS

ul {  padding:0;}

给你

nav ul li ul{
    padding-left:0px;}

---

你在找什么？你想让子菜单在哪里对齐？我得到了另一个有效的答案。无论如何，谢谢你宝贵的时间：）太棒了：）成功了。但是有人在你接受他的答案之前给了你一个小小的ssame答案：）对不起：（这不是关于接受我的答案。我只是想帮助你，这个答案很酷，但我的答案更具体，针对特定的ul而不是一般的：）如果你想在菜单项中对齐父母的左侧，下面的两个答案似乎都是正确的，与主菜单左侧对齐意味着你希望它位于整个菜单的左侧。是的，我知道！那么我应该接受哪一个呢？第一个？这取决于你想要什么-aljordan的答案将适用于你所有的无序列表，但Abduls只适用于无序列表的孩子，并且只更改左边的填充。Abdul的IMO对所问问题更为具体，但您似乎没有在列表中指定填充/边距这一事实表明您在这方面做得还不够（因为不同的浏览器会对其进行不同的解释，所以您应该指定它们）