CSS 定位问题：Wordpress
我在这里关注本教程 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>
I'm following this tutorial here http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery on adding a menu with jquery.
I've created my menu, but I'm having trouble adding it to wordpress. I opened up the header.php file since I want it to appear below the banner, and I paste it in it's own div, but it always "pushes" everything below it to the right.
How do I stop it from doing this?
Here's the code:
<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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
不看整体很难说，但基于对你的问题知之甚少，我唯一可以推荐你尝试的是这个 CSS 属性：
这样，它就不会推开其他元素。它可能会产生其他严重的后果，具体取决于您可能拥有的其他因素。
Hard to say without looking at the whole, but based on knowing very little of your problem, the only thing I can recommend you to try is this CSS property:
This way, it will not push other elements away. It might have other consequences tough, depending on other elements you might have.
您似乎缺少结束
？您还可以使用W3C 标记验证服务来解决错误标记。Looks like you're missing a closing
</ul>? You can also use The W3C Markup Validation Service to tack down errant tags.