顶级菜单无法正常显示

本文介绍了顶级菜单无法正常显示的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

你好我的问题是我有一个包含多个菜单项的顶级菜单栏，但是当我添加页脚菜单时，顶部菜单全部压缩并且某些项目未显示在其上。被告知要尝试为CSS分配一个类来正确地拉出菜单，但不知道它们是什么意思。这里有任何建议代码 < title> body {width：100％;} ul {宽度：100％; list-style：none;} ul li {float：left;宽度：150像素; font-weight：bold;} ul li ul {padding：0;} ul li ul li {float：none;填充：5px 0; font-weight：normal;}

• 主页
• 关于我们
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
• 投资组合
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
• 客户
• 活动
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
• 媒体
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • ILorem Ipsum
• 联系我们

我是什么尝试过： 不知道css并被告知要为css分配一个课程，但不知道该怎么做。尝试在谷歌上看，但无法找到任何有用的东西，我尝试添加修复顶级菜单。我找到并添加的所有东西都没有解决它。任何建议都会提前感谢。

解决方案

不知道CSS？可以使用以下解决方案： CSS教程 [ ^ ] 上面的一些看起来像CSS类 - 但它只是漂浮在你的页面上不正确的位置，没有任何标签来定义它是什么。 绝对看看上面的教程 - 你需要迟早。结果

Hello the question I have is I have a top menu bar with several menu items but when I added the footer menu the top menu gets all squished and some items are not being shown, on it. was told to try assigning a class to the CSS to stretch the menu back out correctly but no idea what they mean.Any suggestions here's the code <title> body{width:100%;} ul {width:100%; list-style:none;} ul li {float:left; width:150px; font-weight:bold;} ul li ul {padding:0;} ul li ul li {float:none; padding:5px 0; font-weight:normal;}

• Home
• About Us
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
• Portfolio
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
• Clients
• Events
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
• Media
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • ILorem Ipsum
• Contact Us

What I have tried: Do not know css and was told to assign a class to the css but not sure how to do it. Tried looking on Google but was not able to find anything that worked that I tried adding to fix the top menu. Everything I found and added did no fix it. Any suggestions would be awesome thanks in advance.

解决方案

Do not know CSS? A solution to that is available: CSS Tutorial[^] Some of your above looks like CSS classes - but it's just floating on your page in an incorrect location without any tags to define what it is. Definitely look at above tutorial - you'll need to sooner or later.