CSS 定位问题：Wordpress

Question

我正在这里 http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery 关注本教程，了解如何使用 jquery 添加菜单。

我已创建菜单，但无法将其添加到 wordpress。我打开了 header.php 文件，因为我希望它出现在横幅下方，并将其粘贴到它自己的 div 中，但它总是将其下方的所有内容“推”到右侧。

如何阻止它这样做？

代码如下：

<ul id="nav">
<li><a href="#">1 HTML</a></li>
<li><a href="#">2 CSS</a></li>
<li><a href="#">3 Javascript</a>
    <ul>
        <li><a href="#">3.1 jQuery</a>
            <ul>
                <li><a href="#">3.1.1 Download</a></li>
                <li><a href="#">3.1.2 Tutorial</a></li>
            </ul>
        </li>
        <li><a href="#">3.2 Mootools</a></li>
        <li><a href="#">3.3 Prototype</a></li>
    </ul>
</li>

Answer 1

不看整体很难说，但基于对你的问题知之甚少，我唯一可以推荐你尝试的就是这个 CSS 属性：

ul#nav {
    position: absolute;
}

这样，它不会推开其他元素。它可能会产生其他严重后果，具体取决于您可能拥有的其他元素。

Answer 2

您好像错过了结束时的</ul>？您还可以使用The W3C Markup Validation Service 来处理错误的标签。