CSS:使绝对嵌套DIV左对齐

Question

我有一个内容下拉菜单。我正在尝试使内容在屏幕左侧的 0px 处对齐。无论我尝试什么，它仍然在其父容器内保持对齐。

由于下拉菜单在浏览器中居中，我很难让它在我想要的地方工作。

http://jsfiddle.net/XkuHy/2/

<div id="sticky">
    <div id="nav">
        <div class="logo">logo</div>
        <span class="n list">browse</span>
        <span class="n list">search</span>
        <div class="n drop">
            <span>My Account</span>
            <div>
                hello, world!
            </div>
        </div>
    </div>

注意:CSS 不是我的强项。

注意 2:StackOverflow 一直在讨论所需的代码，而不仅仅是指向 jsFiddle 的链接 - 不确定为什么要忽略转储的代码，因为您可以在 fiddle 中看到它。

Answer 1

.content 框相对于其父元素 .n.drop div 进行定位，因为它具有相对定位。如果您从 .n.drop 元素中删除相对定位，您会发现 .content 元素将自身定位在您想要的位置。您可能还需要添加 margin-top: 16px; 到 .content 元素以清除菜单。

您可以在此处查看更新后的演示:http://jsfiddle.net/XkuHy/14/