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来确定错误标记。

CSS定位问题：Wordpress

2 个答案: